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是压缩后文件。

相关文章
相关标签/搜索