google推出了自家的压缩工具Closure Compiler,使用过后,感觉还不错,但是比较不爽的是,Closure
Compiler不支持对文件夹进行,但往往我们是把javascript放在一个文件夹中,并且这个文件夹下可能还有多级目录,这就要求,我们需要有一
种递归找到文件,并压缩到另一个目录的功能。
最先想到的是批处理的功能,但因为dos命令不熟悉,折腾了一天才把这个功能搞好,感觉还是不错的,点击一个批处理文件,然后输入源文件夹和目标文
件夹,然后就可以把整个目录下的所有js文件都压缩了。呵呵,虽然只有十来行的dos命令,我还是折腾得够呛,其间一度想放弃,使用C#开发一个GUI的
程序算了,后来想想还是算了,太麻烦了,为了这么一个小小的功能,动用了Visual
Studio这么大的家伙,多不好,而且有些人可能都没有安装.net
framework,所以还是继续折腾dos命令算了。叹一下,dos命令真是很强大,可惜没学好。
闲话不说了,先介绍一下怎么用这个工具吧。
- 下载批处理以及Closure Compiler文件,这个文件有点大(3.77MB),如果你已经下载了Closure Compiler,可以下载这个版本,只有28k 下载巨大的2.77MB版本
下载小小的28K版本
- 解压后,把compiler.bat和compiler.jar放到你的javascript上级目录,什么意思呢,比如说我网站的目录结构是这
样,d:\iove.net\developer,这个developer是javascript的未压缩版,所以我就要把下载下来的文件放到
iove.net这个目录下。注意:目录不能包含空格,建议也不要包含中文的目录名称。[此bug已经修复,可以包含空格]
- 以我的网站目录结构为例,复制developer到d:\iove.net下,然后改名为javascript,这个目录将保存压缩后的文件。为
什么要复制呢?因为要保持目录结构和原来的目录结构是一致的,当目录不存在的时候,Closure
Compiler不会主动为你创建目录,而会告诉你压缩失败了。在bat做这个建文件夹的操作非常麻烦,最关键的是,我还不会。
-
备份原来的javascript目录
,这个非常重要,我不敢保证没有错误,bat文件中有一个del命令,万一删除错误,你非得找我不可
- 万事俱备,这个时候你就可以执行bat,另担心,不会直接执行的,还会要求你输入一些东西,并确认。
- 首先需要输入待压缩的javascript文件夹的名称,输入当前目录的相对目录即可,以我的网站目录为例,我需要输入developer
- 输入压缩后的javascript保存的目录名称,要求与源文件夹目录结构一至,以我的网站目录为例,我需要输入javascript
- 这个时候,会提示你输入iove.net以确认删除目标文件夹中的所以js文件,也就是javascript文件夹下的,不必担心,这个文件夹是用来放压缩后的文件的
- 一切OK,只需要敲任意键就可以继续了,然后剩下的就是等待了,如果你的javascript比较多,那么你可以去弄个茶或者咖啡的喝一下吧
- 如果压缩中有错误,会给出错误的提示,这个时候你就需要检查你的javascript代码了
嘿嘿,这个小工具还是不错吧,在发布的时候特别有用,我们不用一个一个去压缩了,点一下,搞定,爽歪歪。爽的话,留个言支持一下,不爽的话,也发个话提出来
本文来自涂雅[http://iove.net/
],原文链接:http://iove.net/archives/1617.html
分享到:
相关推荐
Closure Compiler 是一个强大的JavaScript编译器,它能够将源代码转换为更小、更快速、更安全的代码。它通过删除未使用的变量、函数和优化代码结构来实现压缩,同时还能进行类型检查,确保代码的正确性。 UglifyJS ...
总结来说,批量压缩JavaScript和CSS是提高网站性能的关键步骤,通过使用各种工具和自动化流程,我们可以有效地减小文件大小,加快页面加载速度,提升用户体验。理解并掌握这些技术对于任何Web开发者来说都是必要的。
常见的 JS 压缩工具有 Google 的 Closure Compiler、UglifyJS 和 Terser。这些工具都提供了命令行接口,可以方便地集成到构建流程中,实现批量处理。 ### CSS 压缩 CSS 压缩与 JS 类似,主要通过删除空格、换行和...
通过配置Ant的XML文件(build.xml),可以将Closure Compiler的压缩步骤自动化,这样就可以一次性处理多个目录下的JS文件,或者批量压缩,大大提高了工作效率。 在使用Ant与Closure Compiler集成时,我们需要在Ant...
常见的Js压缩工具有UglifyJS、Terser和Google的Closure Compiler。这些工具能够自动处理变量名混淆、删除未使用的变量和函数,以及合并单行语句等,进一步减小文件体积。对于批量处理多个Js文件,可以通过编写脚本...
JavaScript批量压缩技术主要涉及到前端开发中的性能优化环节,它的目的是减少文件大小,加快网页加载速度,提高用户体验。在本文中,我们将深入探讨JavaScript批量压缩的原理、方法以及相关的工具和库。 一、压缩...
批量压缩JS涉及到以下几个关键知识点: 1. **代码压缩原理**:代码压缩主要是通过消除冗余字符(如空格、制表符、换行符)和不必要的注释,以及将变量名和函数名转换为更短的形式,减少字符数量。这样可以显著减小...
在本场景中,我们将关注如何利用Ant来批量压缩JavaScript(js)和CSS(css)文件,以优化网页加载速度并减小文件体积。这主要涉及到两个知识点:Ant脚本编写和文件压缩技术。 首先,让我们了解一下Ant。Ant是基于...
3. **Closure Compiler**:由Google开发,提供高级优化选项,包括类型检查和代码重构,可显著减少代码大小。 ### JavaScript代码加密 代码加密主要是为了保护知识产权,防止源代码被轻易阅读和篡改。JavaScript...
Javascript压缩工具是使用Google Closure Compiler核心为基础,能批量将网页代码中的Javascript 代码进行压缩、精简,去除冗余代码,并保持代码原有功能同时将代码压缩40%以上。 优优Javascript压缩工具官方介绍: ...
Closure Compiler 是 Google 提供的一款高级代码压缩工具,它不仅压缩代码,还能进行类型检查和高级优化,但对输入代码的规范性要求较高。 CSS压缩工具则专注于处理样式表,其工作原理与JS压缩类似,通过删除不必要...
如果是压缩包,解压后可能包含多个源代码文件,这些文件可以通过压缩工具进行批量压缩。 在实际使用JS压缩工具时,开发者需要注意一些事项:首先,压缩可能会改变原始代码的可读性,这对于调试和维护可能带来挑战,...
混淆工具如YUI Compressor和Google Closure Compiler可用于JavaScript,而CSS混淆工具有Minify和csso。 "JsCompressor.zip" 包含的可能是一个用Java实现的JS和CSS压缩混淆工具。Java作为一种跨平台的语言,其丰富的...
尽管现在已经有更新的版本,如Google的Closure Compiler和Facebook的UglifyJS等,但YUI Compressor仍然因其简单易用和良好的兼容性而受到许多开发者的青睐。 YUI Compressor的主要功能包括: 1. **压缩JavaScript*...
虽然 `yuicompressor` 在其时代是一个非常优秀的压缩工具,但随着技术的发展,出现了更多现代的替代品,如 Google 的 `Closure Compiler` 和 Facebook 的 `uglify-js` (针对 JavaScript),以及 `cssnano` (针对 CSS)...
例如,使用像YUI Compressor或Google Closure Compiler这样的工具,可以显著减小JavaScript和CSS文件的大小,同时保持代码的基本功能。 在Java领域,源代码通常编译成字节码(.class文件),但这并不意味着它们不能...
17. **JavaScript压缩**:使用工具如YUI Compressor、JSMin或Google Closure Compiler对JavaScript进行压缩,减小文件体积。 18. **资源拆分与并行下载**:将资源分配到不同的子域名下,浏览器可以并行下载,缩短...
使用工具(如UglifyJS或Closure Compiler)压缩和混淆JavaScript代码,减小文件大小,提高加载速度。 11. **全面掌握 jQuery 库**: 熟悉jQuery API的所有功能,理解其工作原理,避免使用低效的方法。例如,使用`...
同时,使用工具(如UglifyJS或Google Closure Compiler)压缩和混淆代码以减小文件大小。 以上策略只是一部分,实际的性能优化可能需要根据项目具体情况调整。持续关注jQuery的最新发展,结合实际需求和最佳实践,...
10. **压缩JS**:使用工具如UglifyJS或Google Closure Compiler对jQuery代码进行压缩,去除注释、空格和换行,减小文件大小,提高加载速度。 11. **全面掌握jQuery库**:了解jQuery的底层工作原理和最佳实践,避免...