使用uglifyjs压缩JS

通常vue项目完成打包之后须要优化，特别是首次打开加载速度们，webpack打包之后js文件体积很大等方法，能够用这个方法来压缩js文件

 

1. 安装node.js
2. 安装当前应用 -- 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).