Plugins

Webpack에는 많은 플러그인 인터페이스가 있습니다. Webpack 자체에 있는 대부분의 기능은 플러그인 인터페이스를 사용합니다. 이런점이 webpack을 유연하게 만듭니다.

이름설명
BannerPlugin생성된 청크의 상단에 배너 추가
ChunksWebpackPlugin번들을 제공하기 위해 엔트리 포인트 및 청크 관계가 포함된 HTML 파일 생성
CommonsChunkPlugin청크 간에 공유되는 공통 모듈 추출
CompressionWebpackPluginContent-Encoding으로 제공할 압축된 버전의 애셋 준비
ContextReplacementPluginrequire 표현식의 유추된 컨텍스트 재정의
CopyWebpackPlugin개별 파일 또는 전체 디렉터리를 빌드 디렉터리에 복사
DefinePlugin컴파일 타임에 전역 변수 선언
DllPlugin빌드 시간을 단축시키기 위해 번들 분할
EnvironmentPluginprocess.env 키에서 DefinePlugin을 사용하는 약어
EslintWebpackPluginwebpack을 위한 ESLint 플러그인
HotModuleReplacementPluginHot Module Replacement (HMR) 활성화
HtmlWebpackPlugin번들을 제공하기 위한 HTML 파일을 쉽게 생성
IgnorePlugin번들에서 특정 모듈 제외
LimitChunkCountPlugin청킹을 더 잘 제어하기 위한 청킹의 최소/최대 제한 설정
MinChunkSizePlugin청크 크기를 지정한 제한 이상으로 유지
MiniCssExtractPluginCSS파일을 필요로하는 JS파일만 CSS파일을 생성
NoEmitOnErrorsPlugin컴파일 오류가 있는 경우 방출 단계를 건너뜀
NormalModuleReplacementPlugin정규식과 일치하는 리소스 교체
NpmInstallWebpackPlugin개발단계에서 누락된 디펜던시 자동 설치
ProgressPlugin컴파일 진행률 보고
ProvidePluginimport 또는 require 사용없이 모듈 사용
SourceMapDevToolPlugin소스맵을 세밀하게 제어
EvalSourceMapDevToolPlugineval 소스맵을 세밀하게 제어
SvgChunkWebpackPlugin엔트리 포인트의 의존성을 기반으로 SVGO에 의해 최적화된 SVG 스프라이트 생성
TerserPluginTerser를 사용하여 JS 압축

더 많은 써드 파티 플러그인을 찾고 싶다면, awesome-webpack을 참고하세요.

10 Contributors

simon04gonzoyumorouzbeh84aretecodeeko3alpharefactorizedbyzykEugeneHlushkosnitin315chenxsan

Translators