clean-webpack-plugin
:打包前自动清理dist
目录,防止文件残留。copy-webpack-plugin
:将单个文件或者整个目录复制到构建目录mini-css-extract-plugin
:将 CSS 抽离出来单独打包并且通过配置可以设置是否压缩html-webpack-plugin
:这个插件可以配置生成一个 HTML5 文件,其中script
标签包含所有 Webpack 包。如果你设置多个入口点,你可以据此实现多页面应用打包。
提高效率的 plugin:
webpack-dashboard
:可以更友好的展示相关打包信息。webpack-merge
:提取公共配置,减少重复配置代码speed-measure-webpack-plugin
:简称 SMP,分析出 Webpack 打包过程中 Loader 和 Plugin 的耗时,有助于找到构建过程中的性能瓶颈。size-plugin
:监控资源体积变化,尽早发现问题HotModuleReplacementPlugin
:模块热替换