一般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).

使用uglifyjs壓縮JS