使用 UglifyJS JavaScript 代码压缩工具

UglifyJSJavaScript 代码压缩工具,它可以将 JavaScript 代码压缩成更小的档案文件,以减少网路传输。简化且去除 JavaScript 原始码里面的 Variable Naming 变数命名及所有不必要的字元,AST Abstract Syntax Tree 抽象语法树,简称语法树是程式原始码语法结构的抽象表示,进行代码压缩用作 Compiler 编译器,Program Structure 程式结构分析等,将代码转换成树状的方式表示。

进行 JavaScript 代码压缩工具当前主要有 UglifyYUI CompressorGoogle Closure Compiler 可大幅度缩减档案,且加上程度上的反解译。UglifyJS 压缩 JavaScript 代码可能会导致代码可读性降低,因此在压缩代码之前,最好将原始编写的代码备份以保留习惯的阅读方式。

网页开发者会经常使用 JavaScript 来实现各种功能和效果但冗长 JavaScript 代码的大小影响网页加载时间。这时候需要将 JavaScript 代码压缩,让它变得档案更小、传递更快且高效。

Node.js 安装

Node.js 安装配置在 Windows 上安装 Node.js 的方法,而且支持 Linux 等 Operating System 作业系统。

Node.js 安装套件下载 https://nodejs.org/zh-tw/



UglifyJS

UglifyJS 是用 JavaScript 编写之原始码 JavaScript Compression Tools 压缩工具、对应平台的安装。

安装 UglifyJS 在 cmd 命令提示符下输入

npm install uglify-js


UglifyJS 压缩 JavaScript 文件

DOS cmd 命令提示符下,用 cd 命令定位到 JavaScript 文件所在目录、输入 JavaScript Compression 代码压缩命令。

npx uglifyjs Source.js -c -m -o Compiler-Outpout.js

Source.js 是准备压缩 JavaScript 档案文件
-c 参数 compress 代码压缩, -m 参数 mangle 改变变数名称, -o 参数 output 指定输出档案文件名称。
预设命令提示符下、为命令行 Current Folder 当前资料夹位置。