插件

Webpack 拥有丰富的插件接口。webpack 自身的大部分功能都使用这些插件接口。这使得 webpack 很灵活。

插件描述
BannerPlugin为每个 chunk 文件头部添加 banner
CommonsChunkPlugin提取 chunk 之间的公共模块用以共享
CompressionWebpackPlugin准备好用 Content-Encoding 格式传送的压缩版资源包
ContextReplacementPlugin重写 require 表达式的推断上下文
CopyWebpackPlugin复制某个文件或整个文件夹到生成目录中
DefinePlugin允许创建一个在编译时可配置的全局常量
DllPlugin拆分 bundles，从而大幅减少构建时间
EnvironmentPlugin在 process.env 键上使用 DefinePlugin 的简写方式
EslintWebpackPluginwebpack 的 ESLint 插件
HotModuleReplacementPlugin启用热更新 (HMR)
HtmlWebpackPlugin快速创建 HTML 文件来服务 bundles
IgnorePlugin从 bundles 包中移除某些模块
LimitChunkCountPlugin设置 chunk 的最小/最大限制，以便更好的控制 chunk
MinChunkSizePlugin确保 chunk 大小在指定限制之上
MiniCssExtractPlugin为每一个包含了 CSS 的 JS 文件创建一个 CSS 文件
NoEmitOnErrorsPlugin出现编译错误时，跳过输出阶段
NormalModuleReplacementPlugin替换与正则表达式匹配的资源
NpmInstallWebpackPlugin开发时自动安装缺少的依赖
ProgressPlugin报告编译进度
ProvidePlugin使用模块但无需使用 import/require
SourceMapDevToolPlugin对 source map 进行更细颗粒度的控制
EvalSourceMapDevToolPlugin对 eval source map 进行更细颗粒度的控制
TerserPlugin在你的项目中使用 Terser 插件来压缩 JS

查找更多第三方插件，请参阅 awesome-webpack。

编辑此页·打印文档
Next »
HtmlWebpackPlugin

2 位译者

hexiaokang hexiaokangjacob-lcs jacob-lcs

10 位贡献者

simon04gonzoyumorouzbeh84aretecodeeko3alpharefactorizedbyzykEugeneHlushkosnitin315chenxsan

Webpack 5 现已正式发布。请阅读我们的 发布公告。如还未准备升级，请阅读 webpack 4 文档。