快捷導(dǎo)航

JavaScript代碼壓縮工具UglifyJS和Google Closure Compiler的基本用法

更新時(shí)間：2020年04月13日 23:49:00 作者：gdjlc

網(wǎng)上搜索了，目前主流的Js代碼壓縮工具主要有Uglify、YUI Compressor、Google Closure Compiler，簡(jiǎn)單試用了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/下載對(duì)應(yīng)平臺(tái)的安裝程序，當(dāng)前最新版本11.4.0，推薦版本10.14.2。
本人下載的是10.14.2，下載下來是一個(gè)node-v10.14.2-x64.msi安裝包，按照默認(rèn)下一步安裝。
安裝成功后在cmd命令提示符下輸入node -v，可以顯示版本號(hào)：

C:\Users\lc>node -v

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

（2）關(guān)于NPM

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

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

二、Google Closure Compiler

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

官網(wǎng)：https://developers.google.com/closure/compiler/

1、下載：

官網(wǎng)下載地址為https://dl.google.com/closure-compiler/compiler-latest.zip

解壓后有3個(gè)文件：

closure-compiler-v20181210.jar
COPYING
README.md

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

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

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

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

以上就是JavaScript代碼壓縮工具UglifyJS和Google Closure Compiler的基本用法的詳細(xì)內(nèi)容，更多關(guān)于UglifyJS和Google Closure Compiler用法的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: