如何使用JavaScript代碼壓縮工具UglifyJS和Google Closure Compiler

這篇文章主要講解了如何使用JavaScript代碼壓縮工具UglifyJS和Google Closure Compiler，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

一、UglifyJS

UglifyJS是用JavaScript編寫的JavaScript壓縮工具。

1、通過NPM安裝UglifyJS

（1）安裝Node.js

從Node.js官網(wǎng)https://nodejs.org/en/下載對應(yīng)平臺的安裝程序，當前最新版本11.4.0，推薦版本10.14.2。
本人下載的是10.14.2，下載下來是一個node-v10.14.2-x64.msi安裝包，按照默認下一步安裝。
安裝成功后在cmd命令提示符下輸入node -v，可以顯示版本號：

C:\Users\lc>node -v

v10.14.2
要退出Node.js環(huán)境，連按兩次Ctrl+C。

（2）關(guān)于NPM

NPM是隨同NodeJS一起安裝的默認包管理工具，通過NPM可以安裝、共享、分發(fā)代碼,管理項目依賴關(guān)系。
在cmd命令提示符下輸入npm -v，可以顯示版本號：

C:\Users\lc>node -v

6.4.1

（3）安裝UglifyJS

在cmd命令提示符下輸入：

npm install uglify-js

2、壓縮JS文件

（1）在cmd命令提示符下，用cd命令定位到JS文件所在目錄；
（2）輸入壓縮命令：

uglifyjs test.js test2.js -c -m -o test-outpout.js

test.js和test2.js是待壓縮文件，test-outpout.js是壓縮后文件。

常用參數(shù)說明：

-o,--output 指定輸出文件，默認情況下為命令行
-b,--beautify 美化代碼格式的參數(shù)
-m,--mangle 改變變量名稱
-r,--reserved 保留的變量名稱，不需要被-m參數(shù)改變變量名的
-c,--compress 代碼壓縮
--comments 用來控制注釋的代碼的 

二、Google Closure Compiler

Closure Compiler應(yīng)用程序是一個Java 命令行工具,用來對JavaScript代碼進行壓縮、優(yōu)化和排錯。

1、下載：

解壓后有3個文件：

closure-compiler-v20181210.jar
COPYING
README.md

打開README.md幫助文檔，可以看到其中有一行說明：Closure Compiler需要Java 8或以上版本。

2、命令行下壓縮js文件：

（1）在解壓后的ClosureCompiler目錄新建一個測試的text.js文件
（2）打開cmd命令行，并cd定位到ClosureCompiler目錄；
（3）輸入壓縮命令：

java -jar closure-compiler-v20181210.jar --js test.js --js_output_file test-outpout.js
test.js是待壓縮文件，多個文件可用空格間隔，test-outpout.js是壓縮后文件。

看完上述內(nèi)容，是不是對如何使用JavaScript代碼壓縮工具UglifyJS和Google Closure Compiler有進一步的了解，如果還想學習更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。