zoukankan      html  css  js  c++  java
  • 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:Userslc>node -v
    v10.14.2

    要退出Node.js环境,连按两次Ctrl+C。

    (2)关于NPM
    NPM是随同NodeJS一起安装的默认包管理工具,通过NPM可以安装、共享、分发代码,管理项目依赖关系。
    在cmd命令提示符下输入npm -v,可以显示版本号:

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

  • 相关阅读:
    目前流行的缺陷管理工具
    高性能WEB开发之Web性能测试工具推荐
    测试工具
    简单的事件示例代码
    C#常用代码片段备忘
    C# 获取变量或对象的栈与堆地址
    C#常用的命名规则汇总
    C# 成员默认访问权限(public、private、protected、internal)
    C# 学习路线
    简单的异常例子
  • 原文地址:https://www.cnblogs.com/gdjlc/p/10135424.html
Copyright © 2011-2022 走看看