Plugins
Webpack에는 많은 플러그인 인터페이스가 있습니다. Webpack 자체에 있는 대부분의 기능은 플러그인 인터페이스를 사용합니다. 이런점이 webpack을 유연하게 만듭니다.
| 이름 | 설명 |
|---|---|
BannerPlugin | 생성된 각 청크 상단에 배너를 추가합니다. |
ChunksWebpackPlugin | 번들을 제공하기 위한 엔트리 포인트와 청크 관계가 포함된 HTML 파일을 생성합니다. |
CompressionWebpackPlugin | Content-Encoding으로 제공할 애셋의 압축 버전을 준비합니다. |
ContextReplacementPlugin | require 표현식에서 추론된 컨텍스트를 재정의합니다. |
CopyWebpackPlugin | 개별 파일 또는 전체 디렉터리를 빌드 디렉터리로 복사합니다. |
DefinePlugin | 컴파일 타임에 설정되는 전역 상수를 사용할 수 있게 합니다. |
DllPlugin | 빌드 시간을 크게 줄이기 위해 번들을 분리합니다. |
EnvironmentPlugin | process.env 키에 DefinePlugin을 사용하는 축약형입니다. |
EslintWebpackPlugin | webpack용 ESLint 플러그인입니다. |
HotModuleReplacementPlugin | Hot Module Replacement (HMR)를 활성화합니다. |
HtmlWebpackPlugin | 번들을 제공하기 위한 HTML 파일을 쉽게 생성합니다. |
IgnorePlugin | 번들에서 특정 모듈을 제외합니다. |
LimitChunkCountPlugin | 청킹을 더 잘 제어할 수 있도록 청크 수의 최소/최대 제한을 설정합니다. |
MergeDuplicateChunksPlugin | 동일한 모듈을 포함하는 청크를 병합합니다. |
MinChunkSizePlugin | 청크 크기를 지정한 제한 이상으로 유지합니다. |
MiniCssExtractPlugin | CSS가 필요한 각 JS 파일에 대해 CSS 파일을 생성합니다. |
NoEmitOnErrorsPlugin | 컴파일 오류가 있을 때 emit 단계를 건너뜁니다. |
NormalModuleReplacementPlugin | 정규식과 일치하는 리소스를 교체합니다. |
ProgressPlugin | 컴파일 진행 상황을 보고합니다. |
ProvidePlugin | import 또는 require 없이 모듈을 사용할 수 있게 합니다. |
SourceMapDevToolPlugin | 소스맵을 더 세밀하게 제어할 수 있게 합니다. |
EvalSourceMapDevToolPlugin | eval 소스맵을 더 세밀하게 제어할 수 있게 합니다. |
SvgChunkWebpackPlugin | 엔트리 포인트 의존성을 기반으로 SVGO가 최적화한 SVG 스프라이트를 생성합니다. |
MinimizerPlugin | Terser(또는 기타 도구)를 사용해 프로젝트의 JS/CSS/HTML/JSON 등을 minify합니다. |
더 많은 써드 파티 플러그인을 찾고 싶다면, awesome-webpack을 참고하세요.
Next »
ChunksWebpackPlugin10 Contributors
