Webpack05 js压缩插件uglify的使用

1,714 阅读1分钟

前言

开发环境: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

blog.csdn.net/zhanglong_w…

jspang.com/posts/2017/…