`
岁月如歌
  • 浏览: 107058 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Closure Compiler批量压缩javascript

    博客分类:
  • js
阅读更多

google推出了自家的压缩工具Closure Compiler,使用过后,感觉还不错,但是比较不爽的是,Closure Compiler不支持对文件夹进行,但往往我们是把javascript放在一个文件夹中,并且这个文件夹下可能还有多级目录,这就要求,我们需要有一 种递归找到文件,并压缩到另一个目录的功能。

最先想到的是批处理的功能,但因为dos命令不熟悉,折腾了一天才把这个功能搞好,感觉还是不错的,点击一个批处理文件,然后输入源文件夹和目标文 件夹,然后就可以把整个目录下的所有js文件都压缩了。呵呵,虽然只有十来行的dos命令,我还是折腾得够呛,其间一度想放弃,使用C#开发一个GUI的 程序算了,后来想想还是算了,太麻烦了,为了这么一个小小的功能,动用了Visual Studio这么大的家伙,多不好,而且有些人可能都没有安装.net framework,所以还是继续折腾dos命令算了。叹一下,dos命令真是很强大,可惜没学好。

闲话不说了,先介绍一下怎么用这个工具吧。

  1. 下载批处理以及Closure Compiler文件,这个文件有点大(3.77MB),如果你已经下载了Closure Compiler,可以下载这个版本,只有28k  下载巨大的2.77MB版本 下载小小的28K版本
  2. 解压后,把compiler.bat和compiler.jar放到你的javascript上级目录,什么意思呢,比如说我网站的目录结构是这 样,d:\iove.net\developer,这个developer是javascript的未压缩版,所以我就要把下载下来的文件放到 iove.net这个目录下。注意:目录不能包含空格,建议也不要包含中文的目录名称。[此bug已经修复,可以包含空格]
  3. 以我的网站目录结构为例,复制developer到d:\iove.net下,然后改名为javascript,这个目录将保存压缩后的文件。为 什么要复制呢?因为要保持目录结构和原来的目录结构是一致的,当目录不存在的时候,Closure Compiler不会主动为你创建目录,而会告诉你压缩失败了。在bat做这个建文件夹的操作非常麻烦,最关键的是,我还不会。
  4. 备份原来的javascript目录 ,这个非常重要,我不敢保证没有错误,bat文件中有一个del命令,万一删除错误,你非得找我不可
  5. 万事俱备,这个时候你就可以执行bat,另担心,不会直接执行的,还会要求你输入一些东西,并确认。
  6. 首先需要输入待压缩的javascript文件夹的名称,输入当前目录的相对目录即可,以我的网站目录为例,我需要输入developer
  7. 输入压缩后的javascript保存的目录名称,要求与源文件夹目录结构一至,以我的网站目录为例,我需要输入javascript
  8. 这个时候,会提示你输入iove.net以确认删除目标文件夹中的所以js文件,也就是javascript文件夹下的,不必担心,这个文件夹是用来放压缩后的文件的
  9. 一切OK,只需要敲任意键就可以继续了,然后剩下的就是等待了,如果你的javascript比较多,那么你可以去弄个茶或者咖啡的喝一下吧
  10. 如果压缩中有错误,会给出错误的提示,这个时候你就需要检查你的javascript代码了

嘿嘿,这个小工具还是不错吧,在发布的时候特别有用,我们不用一个一个去压缩了,点一下,搞定,爽歪歪。爽的话,留个言支持一下,不爽的话,也发个话提出来

本文来自涂雅[http://iove.net/ ],原文链接:http://iove.net/archives/1617.html

分享到:
评论

相关推荐

    google的批量压缩JS工具

    Closure Compiler 是一个强大的JavaScript编译器,它能够将源代码转换为更小、更快速、更安全的代码。它通过删除未使用的变量、函数和优化代码结构来实现压缩,同时还能进行类型检查,确保代码的正确性。 UglifyJS ...

    JAVA批量压缩JS

    总结来说,批量压缩JavaScript和CSS是提高网站性能的关键步骤,通过使用各种工具和自动化流程,我们可以有效地减小文件大小,加快页面加载速度,提升用户体验。理解并掌握这些技术对于任何Web开发者来说都是必要的。

    js和css批量压缩工具

    常见的 JS 压缩工具有 Google 的 Closure Compiler、UglifyJS 和 Terser。这些工具都提供了命令行接口,可以方便地集成到构建流程中,实现批量处理。 ### CSS 压缩 CSS 压缩与 JS 类似,主要通过删除空格、换行和...

    google的压缩JS工具

    通过配置Ant的XML文件(build.xml),可以将Closure Compiler的压缩步骤自动化,这样就可以一次性处理多个目录下的JS文件,或者批量压缩,大大提高了工作效率。 在使用Ant与Closure Compiler集成时,我们需要在Ant...

    Js、Css压缩(可批量)

    常见的Js压缩工具有UglifyJS、Terser和Google的Closure Compiler。这些工具能够自动处理变量名混淆、删除未使用的变量和函数,以及合并单行语句等,进一步减小文件体积。对于批量处理多个Js文件,可以通过编写脚本...

    js批量压缩

    JavaScript批量压缩技术主要涉及到前端开发中的性能优化环节,它的目的是减少文件大小,加快网页加载速度,提高用户体验。在本文中,我们将深入探讨JavaScript批量压缩的原理、方法以及相关的工具和库。 一、压缩...

    js 批量 压缩

    批量压缩JS涉及到以下几个关键知识点: 1. **代码压缩原理**:代码压缩主要是通过消除冗余字符(如空格、制表符、换行符)和不必要的注释,以及将变量名和函数名转换为更短的形式,减少字符数量。这样可以显著减小...

    使用Ant构建批量压缩js、css文件脚本

    在本场景中,我们将关注如何利用Ant来批量压缩JavaScript(js)和CSS(css)文件,以优化网页加载速度并减小文件体积。这主要涉及到两个知识点:Ant脚本编写和文件压缩技术。 首先,让我们了解一下Ant。Ant是基于...

    javascript 压缩和加密工具

    3. **Closure Compiler**:由Google开发,提供高级优化选项,包括类型检查和代码重构,可显著减少代码大小。 ### JavaScript代码加密 代码加密主要是为了保护知识产权,防止源代码被轻易阅读和篡改。JavaScript...

    优优Javascript压缩工具V1.0免费绿色版

    Javascript压缩工具是使用Google Closure Compiler核心为基础,能批量将网页代码中的Javascript 代码进行压缩、精简,去除冗余代码,并保持代码原有功能同时将代码压缩40%以上。 优优Javascript压缩工具官方介绍: ...

    JS CSS压缩工具

    Closure Compiler 是 Google 提供的一款高级代码压缩工具,它不仅压缩代码,还能进行类型检查和高级优化,但对输入代码的规范性要求较高。 CSS压缩工具则专注于处理样式表,其工作原理与JS压缩类似,通过删除不必要...

    JS压缩工具(很小很实用)

    如果是压缩包,解压后可能包含多个源代码文件,这些文件可以通过压缩工具进行批量压缩。 在实际使用JS压缩工具时,开发者需要注意一些事项:首先,压缩可能会改变原始代码的可读性,这对于调试和维护可能带来挑战,...

    基于Java的JS和CSS压缩混淆 JsCompressor.zip

    混淆工具如YUI Compressor和Google Closure Compiler可用于JavaScript,而CSS混淆工具有Minify和csso。 "JsCompressor.zip" 包含的可能是一个用Java实现的JS和CSS压缩混淆工具。Java作为一种跨平台的语言,其丰富的...

    基于java的JSCSS压缩工具 YUI Compressor.zip

    尽管现在已经有更新的版本,如Google的Closure Compiler和Facebook的UglifyJS等,但YUI Compressor仍然因其简单易用和良好的兼容性而受到许多开发者的青睐。 YUI Compressor的主要功能包括: 1. **压缩JavaScript*...

    js、css压缩利器yuicompressor_2.4.2

    虽然 `yuicompressor` 在其时代是一个非常优秀的压缩工具,但随着技术的发展,出现了更多现代的替代品,如 Google 的 `Closure Compiler` 和 Facebook 的 `uglify-js` (针对 JavaScript),以及 `cssnano` (针对 CSS)...

    web代码混淆压缩工具和java代码反编译工具

    例如,使用像YUI Compressor或Google Closure Compiler这样的工具,可以显著减小JavaScript和CSS文件的大小,同时保持代码的基本功能。 在Java领域,源代码通常编译成字节码(.class文件),但这并不意味着它们不能...

    Web开发性能优化参考

    17. **JavaScript压缩**:使用工具如YUI Compressor、JSMin或Google Closure Compiler对JavaScript进行压缩,减小文件体积。 18. **资源拆分与并行下载**:将资源分配到不同的子域名下,浏览器可以并行下载,缩短...

    Jquery性能优化指南

    使用工具(如UglifyJS或Closure Compiler)压缩和混淆JavaScript代码,减小文件大小,提高加载速度。 11. **全面掌握 jQuery 库**: 熟悉jQuery API的所有功能,理解其工作原理,避免使用低效的方法。例如,使用`...

    jQuery性能优化指南(1)

    同时,使用工具(如UglifyJS或Google Closure Compiler)压缩和混淆代码以减小文件大小。 以上策略只是一部分,实际的性能优化可能需要根据项目具体情况调整。持续关注jQuery的最新发展,结合实际需求和最佳实践,...

    jQuery性能优化指南

    10. **压缩JS**:使用工具如UglifyJS或Google Closure Compiler对jQuery代码进行压缩,去除注释、空格和换行,减小文件大小,提高加载速度。 11. **全面掌握jQuery库**:了解jQuery的底层工作原理和最佳实践,避免...

Global site tag (gtag.js) - Google Analytics