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

網上搜索了,目前主流的Js代碼壓縮工具主要有Uglify、YUI Compressor、Google Closure Compiler,簡單試用了UglifyJS 和Google Closure Compiler 兩種工具的基本用法。java

1、UglifyJS
UglifyJS是用JavaScript編寫的JavaScript壓縮工具。
官網:http://lisperator.net/uglifyjs/
一、經過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,能夠顯示版本號:node

C:\Users\lc>node -v
v10.14.2

要退出Node.js環境,連按兩次Ctrl+C。npm

(2)關於NPM
NPM是隨同NodeJS一塊兒安裝的默認包管理工具,經過NPM能夠安裝、共享、分發代碼,管理項目依賴關係。
在cmd命令提示符下輸入npm -v,能夠顯示版本號:工具

C:\Users\lc>node -v
6.4.1

(3)安裝UglifyJS
在cmd命令提示符下輸入:測試

npm install uglify-js

二、壓縮JS文件
(1)在cmd命令提示符下,用cd命令定位到JS文件所在目錄;
(2)輸入壓縮命令:優化

uglifyjs test.js test2.js -c -m -o test-outpout.js

test.js和test2.js是待壓縮文件,test-outpout.js是壓縮後文件。
經常使用參數說明:google

-o,--output 指定輸出文件,默認狀況下爲命令行
-b,--beautify 美化代碼格式的參數
-m,--mangle 改變變量名稱
-r,--reserved 保留的變量名稱,不須要被-m參數改變變量名的
-c,--compress 代碼壓縮
--comments 用來控制註釋的代碼的

 

2、Google Closure Compiler
Closure Compiler應用程序是一個Java 命令行工具,用來對JavaScript代碼進行壓縮、優化和排錯。
官網:https://developers.google.com/closure/compiler/
一、下載:
官網下載地址爲https://dl.google.com/closure-compiler/compiler-latest.zip
解壓後有3個文件:spa

closure-compiler-v20181210.jar
COPYING
README.md

打開README.md幫助文檔,能夠看到其中有一行說明:Closure Compiler須要Java 8或以上版本。.net

二、命令行下壓縮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是壓縮後文件。

相關文章
相關標籤/搜索