Plugin
介绍
插件,用来扩展 webpack
功能,可以监听 webpack
的生命周期,改变 webpack
输出内容
常用插件
html-webpack-plugin
:简化HTML
文件创建 (依赖于html-loader
)webpack-parallel-uglify-plugin
:多进程执行代码压缩,提升构建速度mini-css-extract-plugin
:分离样式文件,CSS
提取为独立文件,支持按需加载speed-measure-webpack-plugin
:可以看到每个Loader
和Plugin
执行耗时 (整个打包耗时、每个Plugin
和Loader
耗时)webpack-bundle-analyzer
:可视化Webpack
输出文件的体积 (业务组件、依赖第三方模块)