JavaScript程式碼壓縮工具UglifyJS和Google Closure Compiler的基本用法
一、UglifyJS
UglifyJS是用JavaScript編寫的JavaScript壓縮工具。
官網:http://lisperator.net/uglifyjs/
1、通過NPM安裝UglifyJS
(1)安裝Node.js
從Node.js官網https://nodejs.org/en/下載對應平臺的安裝程式,當前最新版本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環境,連按兩次Ctrl+C。
(2)關於NPM
NPM是隨同NodeJS一起安裝的預設包管理工具,通過NPM可以安裝、共享、分發程式碼,管理專案依賴關係。
在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是壓縮後文件。
常用引數說明:
-o,--output 指定輸出檔案,預設情況下為命令列
-b,--beautify 美化程式碼格式的引數
-m,--mangle 改變變數名稱
-r,--reserved 保留的變數名稱,不需要被-m引數改變變數名的
-c,--compress 程式碼壓縮
--comments 用來控制註釋的程式碼的
二、Google Closure Compiler
Closure Compiler應用程式是一個Java 命令列工具,用來對JavaScript程式碼進行壓縮、優化和排錯。
官網:https://developers.google.com/closure/compiler/
1、下載:
官網下載地址為https://dl.google.com/closure-compiler/compiler-latest.zip
解壓後有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是壓縮後文件。
以上就是JavaScript程式碼壓縮工具UglifyJS和Google Closure Compiler的基本用法的詳細內容,更多關於UglifyJS和Google Closure Compiler用法的資料請關注我們其它相關文章!