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


網上搜索了,目前主流的Js代碼壓縮工具主要有Uglify、YUI Compressor、Google Closure Compiler,簡單試用了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是壓縮后文件。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM