JavaScript代碼壓縮工具UglifyJS和Google Closure Compiler的基本用法
一、UglifyJS
UglifyJS是用JavaScript編寫的JavaScript壓縮工具。
官網(wǎng):http://lisperator.net/uglifyjs/
1、通過NPM安裝UglifyJS
(1)安裝Node.js
從Node.js官網(wǎng)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環(huán)境,連按兩次Ctrl+C。
(2)關于NPM
NPM是隨同NodeJS一起安裝的默認包管理工具,通過NPM可以安裝、共享、分發(fā)代碼,管理項目依賴關系。
在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應用程序是一個Java 命令行工具,用來對JavaScript代碼進行壓縮、優(yōu)化和排錯。
官網(wǎng):https://developers.google.com/closure/compiler/
1、下載:
官網(wǎng)下載地址為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的基本用法的詳細內(nèi)容,更多關于UglifyJS和Google Closure Compiler用法的資料請關注腳本之家其它相關文章!
相關文章
js簡單實現(xiàn)根據(jù)身份證號碼識別性別年齡生日
根據(jù)身份證號碼識別性別年齡生日,目前就有一個這樣的需求,那么接下來為大家介紹下使用js是如何實現(xiàn)的,感興趣的朋友不要錯過2013-11-11
Javascript實現(xiàn)滑塊滑動改變值的實現(xiàn)代碼
一個功能,值得一說的是本頁面的滑塊實現(xiàn)由于對美工不是很熟悉所以上圖了,感興趣的朋友可以了解下哈2013-04-04

