Webpack의 플러그인

Webpack은 제한된 범위의 작업을 수행합니다. 기능을 확장하려면 추가 플러그인을(를) 설치하고 연결해야 합니다.

플러그인 설치 및 연결의 일반적인 알고리즘을 살펴보겠습니다. 이를 위해 가상의 플러그인 test-webpack-plugin이 있다고 가정합시다. 그 예를 들어 플러그인 작업을 살펴보겠습니다 (아래 코드는 단순한 구성입니다, 실제로는 그러한 플러그인이 없기 때문입니다).

먼저 npm을 통해 플러그인을 설치해야 합니다:

terminalnpm install test-webpack-plugin --save-dev

그런 다음 플러그인을 구성 파일로 가져와야 합니다:

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

그런 다음 이 플러그인을 plugins 설정에서 호출해야 합니다:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [new TestWebpackPlugin()],
};

plugins 설정에는 하나의 플러그인이 아니라 여러 개가 있을 수 있습니다:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new TestWebpackPlugin1(),
    new TestWebpackPlugin2()
  ],
};