使用Google Closure Compiler进行Js代码压缩

忆星辰

JavaScript

发布于：2018年9月3日

字数：763字

时长：3分钟

次阅读

1.Google Closure Compiler是什么？

The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what’s left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.
Closure Compiler是一个使JavaScript下载和运行更快的工具。它不是从源语言编译到机器代码，而是从JavaScript编译成更好的JavaScript。它解析您的JavaScript，分析它，删除死代码并重写并最小化剩下的内容。它还检查语法，变量引用和类型，并警告常见的JavaScript陷阱。

2.使用环境

平台：Mac OS

环境：Java

3.检查是否安装了Java环境

打开终端，输入 java -version,输出java的版本说明已安装好了java，若报错，请安装java环境

4.Closure Compiler下载

在Github上下载最新版的编译好的Compiler文件，解压出jar文件存放在项目外的目录下：

5.在终端中，输入命令，运行jar：

1	java -jar /Users/wangjun/Git/compiler.jar --js_output_file=code.js '/Users/wangjun/Git/WorkProject/BallsRace/release/wxgame/code.js'

/Users/wangjun/Git/compiler.jar 改为自己的电脑上compiler.jar的路径，code.js改为输出文件名，/Users/wangjun/Git/WorkProject/BallsRace/release/wxgame/code.js改为输出路径。（其他参数这里使用默认）
运行后就可以看到生成了压缩的JS文件了。
压缩前后文件大小对比，压缩效果还是很明显的：

6.使用sh脚本实现自动化打包压缩Js文件

由于我是使用Laya Box引擎做游戏开发的，每次打包都需要手动敲代码进行代码压缩，并且还需要手动删除打包后多余的库文件，流程实在很繁琐，所以我使用了Laya打包提供的后续执行命令功能，配合sh命令进行了打包压缩的自动化，大大提高了打包效率。
打开Laya Box的打包页面

编写sh命令：

cd /Users/wangjun/Git/WorkProject/BallsRace/release/wxgame/
rm -rf ./libs
rm -rf ./res
java -jar /Users/wangjun/Git/compiler.jar --js_output_file=code.js '/Users/wangjun/Git/WorkProject/BallsRace/release/wxgame/code.js'

保存为.sh文件
在后续执行脚本中填入.sh脚本的路径，在打包后就可以自动执行代码压缩，并且删除多余文件了。