webpack一些插件的功能

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] 举报,一经查实,本站将立刻删除。

相关推荐