JSCompress是一款基于google closure compiler的可视化的、自动化的、免费的javascript代码压缩工具,JSCompress不是插件、Ta不挑编辑器、支持所有编辑器、真正做到了即改即压缩,需要的朋友可以下载使用。

JSCompress功能:
JSCompress基于Google Closure Compiler,压缩的代码有保障。
JSCompress无弹窗广告、占用资源低、可以最小化在系统托盘,是你开发路上好帮手。
JSCompress特色
1、可视化
软件拥有可视化界面,操作简单,可以让你轻松的压缩、混淆加密、合并JS脚本/CSS样式文件。
2、自动化
软件独有的文件监视功能允许你监视指定目录,自动压缩该目录下的JS脚本文件/CSS样式文件当它们发生变更时。
3、编码识别
软件自动识别文件编码,支持UTF-8、UTF-16、UTF-32、ANSI(中文简体操作系统下为GB2312)。
4、独立
JSCompress是独立应用,不依赖于编辑器,自动压缩功能完美支持所有编辑器。
5、稳定
软件基于Yahoo.Yui.Compressor for .Net(CSS压缩)、Google Closure Compiler(JS压缩),压缩引擎有保障。
6、迷你
软件无弹窗广告、占用资源低、可以最小化在系统托盘,是你开发路上好帮手。
JSCompress使用教程
1、使用JSCompress合并PNG生成CSS Sprite
简单来说,CSS Sprite是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
关于CSS Sprite的其他知识,这里不做扩展,请自行查找。
如以下图片:
使用JSCompress可以帮你合并为以下大图:
并生成对应的css文件:
和预览html:
而你,仅仅只需按以下方式配置一次:
打开JSCompress进入文件合并列表
2.点击右下角的[添加合并文件]按钮,并选择[创建PNG合并配置]
3.如下图设置好相关配置属性,点击确定保存配置:
配置保存完后JSCompress会自动帮你合并一遍PNG,并生成如下文件。
其中:
test_maxside.css是你在配置中配置定义的css样式文件存储地址,当然你可以设置其他后缀名,如:scss less 等
test_maxside.css.html是自动生成的样式预览html。
test_maxside.png是你在配置中配置定义的合并后png文件存储位置,这里只能是png文件
test_maxside.png.jscompress是jscompress生成的png同名配置文件,可以通过svn提交提供给其他协同开发人员导入配置使用
当满足以下条件时,JSCompress会合并PNG:
1.编辑配置并保存后。
2.在手动压缩中压缩任意[合并目录列表]目录下的文件时(不含子目录的文件)。
3.自动压缩开启并配置监视到[合并目录列表]目录下的文件(不含子目录的文件)发生变更时。
此处文件变更包括:新PNG文件创建、PNG文件被修改。
此处文件变更不包括:已存在PNG文件重命名、删除,这种情况请参考1或2处理。
请注意:.min.png -min.png _min.png的文件会被舍弃,不会被合并。
2、关于JSCompress合并PNG生成CSS Sprite中的合并目录列表
JSCompress的Css sprite合并配置的最小单位是目录,你可以将你需要需要合并的PNG文件存放在同一目录中,下次添加新图标时无需再更改配置。
请注意,由于查找性能原因,[合并目录列表]中的目录不包含各自目录的子目录,如果你需要合并他们请拖入子目录,如,上图设置的E:\TestScss\,他并不包含下图中的a、b、和新建文件夹目录,a、b目录下的PNG并不会被合并。
正确的做法是:
请不要将PNG输出路径设置在[合并目录列表]下的目录中,我们建议的配置路径为
PNG输出路径:.\icon.png
合并目录列表:
.\icon\
PNG输出路径:.\sprites.png
合并目录列表:
.\sprites\a\
.\sprites\b\
特别说明
使用JSCompress需要先安装.Net3.5或更高版本的.Net环境
windows 7或更高版本操作系统可直接下载使用;
xp,windows vista 用户需预装.Net3.5环境
更新日志
1.png合并(CSS Sprite)支持“自动边缘扩展”优化移动端css sprite合并资源引起的资源图边缘显示缺角问题;
2.调整了合并js和css的子文件上限;
3.scss输出支持wxss扩展名(微信小程序)
4由于发布了独立版的mobile debug(同时支持windows和macos),所以我们在jscompress中移除了对mobile debug的支持,请前往独立版官网下载