1 webpack插件 webpack-spritesmith来自动合成精灵图.
2 tree-shaking 去掉多余的代码和console. log语句
3 compression-webpack-plugin 前端配置gizp后台也需要配置
4 UglifyJsPlugin 压缩js文件
5 optimize-css-assets-webpack-plugin减小css打包体积
6 ParallelUglifyPlugin开启多个进程加快代码压缩
7 terser-webpack-plugin
Webpack4.0 默认是使用 terser-webpack-plugin 这个压缩插件,在此之前是使用 uglifyjs-webpack-plugin,两者的区别是后者对 ES6 的压缩不是很好,同时我们可以开启 parallel 参数,使用多进程压缩,加快压缩。
8 热更新插件
9 clean-webapck-plugin清理上次打包的bundle