使用Google closure Compiler 压缩javascript文件

最新推荐文章于 2024-08-07 09:35:01 发布

原创最新推荐文章于 2024-08-07 09:35:01 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #压缩 #优化 #脚本

javascript 同时被 3 个专栏收录

12 篇文章

订阅专栏

linux

6 篇文章

订阅专栏

项目开发记录

6 篇文章

订阅专栏

在项目收尾阶段，为了优化和压缩JavaScript文件，本文介绍了如何利用Google Closure Compiler进行压缩。首先通过clean_js.sh脚本删除console.log和注释，然后讲解了虽然模块化开发能清晰结构，但对于小型项目，直接压缩JS文件也能提升页面加载速度。提到的压缩工具有jsmin、YUI Compressor、uglify等，但重点是Google Closure Compiler的使用，需要Java环境，下载jar文件后通过命令行运行。

项目开发进入收尾阶段开始进行整理和优化了..首先处理javaScript文件

（1 ）清理javascript文件中的console.log/console.info和当行注释。这里写一个简单的脚本了..

clean_js.sh

#!/bin/bash
js_path=/home/hadoop/js_folder 
find $js_path -name "*.js"|xargs sed -i '-e /console.info\|console.log/d' -e '/\/\//d'

该脚本只简单删除console.log|console.info和//注释的行...以后不断完善吧.

（2）压缩js

如果js文件过大会造成页面加载速度慢.,所以有必要对上线前的javascript文件进行压缩,使用sea.js或者模块化开发是最好的，那样结构会比较清楚，

可以使用Spm构建工具或者Grunt(基于node.js）的js构建工具进行代码的压缩和处理，如果项目较小的话使用模块化的开发意义并不是很大，但是仍然可以

压缩js文件已增加页面的加载速度。压缩工具有很多如jsmint,yui compressor,uglify 和Google closure compiler等,网上也有很多在线压缩工具....

下面简单使用Google closure compiler对javascript进行压缩：

首先在这里找到compiler的压缩包，其实里面只有一个compiler.jar的jar文件，所以如果要使用该工具需要安装java的环境..这里不在赘述

下载后运行命令：

java -jar compiler.jar --js client.js --js_output_file client-compiled.js

亲测将一个文件压缩后的大小几乎是原来的一半大小，所以压缩的性能还是可以的