常用的Plugin

• ProvidePlugin：自动加载模块，代替require和import

• html-webpack-plugin可以根据模板自动生成html代码，并自动引用css和js文件

• extract-text-webpack-plugin 将js文件中引用的样式单独抽离成css文件

• DefinePlugin 编译时配置全局变量，这对开发模式和发布模式的构建允许不同的行为非常有用。

• HotModuleReplacementPlugin 热更新

• optimize-css-assets-webpack-plugin 不同组件中重复的css可以快速去重

• webpack-bundle-analyzer 一个webpack的bundle文件分析工具，将bundle文件以可交互缩放的treemap的形式展示。

• compression-webpack-plugin 生产环境可采用gzip压缩JS和CSS

• happypack：通过多进程模型，来加速代码构建

• clean-wenpack-plugin 清理每次打包下没有使用的文件

• speed-measure-webpack-plugin:可以看至U每个Loader和Plugin执行耗时（整个扌丁包耗时、每个Plugin和 Loader 耗时）

• webpack-bundle-analyzer:可视化Webpack输出文件的体积（业务组件、依赖第三方模块