plugins
的任务是拓展webpack
本身的能力,因为webpack
本身的功能是远远不能满足日常开发的工作流的。
在这章,主要来介绍下常用的插件。
1.第三方插件
- copy-webpack-plugin 将静态资源复制
- compression-webpack-plugin gzip压缩
- friendly-errors-webpack-plugin 优化控制台打包信息
- html-webpack-plugin 模板
- mini-css-extract-plugin 抽离css
- script-ext-html-webpack-plugin 将runtime文件内联到html中
- optimize-css-assets-webpack-plugin 压缩css
- uglifyjs-webpack-plugin 压缩js
2.webpack
自带插件
- webpack.DefinePlugin 声明
entry
中可以使用的全局变量 - webpack.HotModuleReplacementPlugin 热更新插件
- webpack.NamedChunksPlugin 以路径名标识chunk的插件
- webpack.HashedModuleIdsPlugin 相较上个插件,将路径名转为hash