参数用法:
uglifyjsXX.js -o xx.min.js压缩
uglifyjsXX.js -m -o xx.min.js 混淆性压缩
uglifyjsxx.min.js –b –o xx.js 美化(反压缩) 文件
安装:
cnpm install minifier -g
用法:
minifier 是一个 nodejs 下的用于压缩 js 和 css 文件的插件。
minify index.js
则在当前文件夹下会生成一个index.min.js 的压缩的文件。css文件采用相同的命令进行压缩。
UglifyJS Webpack Plugin 插件用来缩小(压缩优化)js文件,至少需要 Node v6.9.0和Webpack v4.0.0版本 。
webpack 4 之前的版本是通过 webpack.optimize.CommonsChunkPlugin 来压缩js, webpack 4 版本之后被移除了,使用 config.optimization.splitChunks 来代替。
基本配置
options配置项
sourceMap:cheap-source-map选项不适用于此插件
更多用法参考如下官方文档:
https://www.npmjs.com/package/uglifyjs-webpack-plugin
这段时间因为免费试用了 https://free.aliyun.com/ 一台阿里云的服务器,配置是 2核4G 2M,
因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加载的 js 过大而引起的。因此本文将主要讲解Vue项目打包后js、css、svg等文件过大的解决办法。
通过引入 compression-webpack-plugin 插件来打包,然后开启 nginx gzip 来解决问题
配置 compression-webpack-plugin 前后打包对比,我们查看 dist目录,能够发现大于10KB的 js , css 等文件已经被压缩了