使用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).