Webpack05-js压缩插件uglify的使用

前言

开发环境：development（不需要进行js压缩，不方便调试） 生产环境：production（正式发布上线，需要继续压缩）

一般项目中会有两个webpack配置文件，分别用于不同的环境要求

JS压缩插件uglify

1、安装

在webpack4之前，默认集成该插件，无需安装 在webpack4之后，需要独立安装

npm install uglifyjs-webpack-plugin --save-dev

另外，webpack4默认是生产环境，自带js压缩功能 如果要关闭，需要设置mode为development

image.png

2、配置

image.png

3、执行webpack

js文件大小由之前的24KB，缩小到了7KB，只有原来是三分之一

参考文章

webpack4.0关闭开发环境的代码压缩UglifyJsPlugin

https://blog.csdn.net/zhanglong_web/article/details/79618055

https://jspang.com/posts/2017/09/16/webpack3.html#%E7%AC%AC06%E8%8A%82%EF%BC%9A%E6%8F%92%E4%BB%B6%E9%85%8D%E7%BD%AE%EF%BC%9A%E9%85%8D%E7%BD%AEjs%E5%8E%8B%E7%BC%A9