1. 程式人生 > 程式設計 >JavaScript程式碼壓縮工具UglifyJS和Google Closure Compiler的基本用法

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用法的資料請關注我們其它相關文章!