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