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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。