一般 vue 项目完成打包以后需要优化, 特别是首次打开加载速度们, webpack 打包以后 JS 文件体积很大等方法, 可以用这个方法来压缩 JS 文件
安装 node.JS
安装当前应用 -- uglifyjs
如何安装 node.JS 就不再介绍了, 百度一下一大把. 安装 uglifyjs 如下:
uglifyjs 压缩 JS 文件
======
演示如何使用 uglifyjs 压缩 JS
打开一个用于存放 JS 文件的文件夹, 文件目录如下图:
准备压缩 lazyLoad.JS 做实验, 当前该文件的大小为 10KB. 我们来进行压缩, 看看压缩后的文件大小是多少?
这里给大家介绍一个小技巧, 以方便快速地打开 cmd, 并定位到当前目录.
点击 "在此处打开命令窗口" 后即可以进入到 cmd, 你会发现已经切换到当前文件所在的路径了.
此时输入命令对 lazyLoad.JS 文件进行压缩并输出文件名为 lazyLoady.min.JS 的文件:
uglifyjs lazyLoad.JS -o lazyLoad.min.JS
也可以运行如下代码, 测试一下 - m 参数:
uglifyjs lazyLoad.JS -m -o lazyLoad.min.JS
以看到, 压缩后只有 3KB, 相比之前的, 文件缩小了 3 倍多. 快去试下吧!
结束语
======
对于自己来说, 本文就相当于做笔记. 需要注意的是, uglifyjs 只能压缩 JS 文件 (且只支持 ECMAScript 5: ES5).
来源: http://www.bubuko.com/infodetail-3032041.html