使用Google Closure编译器

Question

可能重复:
使用Google Closure Compiler编译的jQuery

我正在使用jQuery,我在application.js文件中拥有所有的JS代码.当我使用Google Closure编译器(使用高级选项)编译"application.js"时,我得到一个没有错误和警告的js文件.但是,我无法在我的页面中使用该文件,我在页面加载时出现错误,其中显示"TypeError:表达式结果'$("div.tile").d'[undefined]不是函数."

我的问题是我可以编译一个使用jQuery的js文件吗？

Answer 1

如果通过为jQuery指定'extern'文件指定js文件使用jQuery,也可以使用高级模式.这样闭包编译器不会更改javascript中的jQuery函数调用.

java -jar compiler.jar --compilation_level ADVANCED_OPTIMIZATIONS --js_output_file application.js --externs jquery-1.4.4.externs.js

你可以在这里找到一些jQuery extern文件:http: //code.google.com/p/closure-compiler/source/browse/trunk/contrib/externs/

Answer 2

你必须告诉Closure编译器什么不优化.

我通过在线编译器(http://closure-compiler.appspot.com/home)添加externs_url参数来完成此操作.当您在在线编译器上键入代码时,它将自动附加类似于此的标头,但默认情况下没有externs_url参数.

// ==ClosureCompiler==
// @output_file_name default.js
// @compilation_level ADVANCED_OPTIMIZATIONS
// @externs_url https://closure-compiler.googlecode.com/git/contrib/externs/jquery-1.9.js
// ==/ClosureCompiler==

您可以在https://code.google.com/p/closure-compiler/source/browse/contrib/externs/上查看当前可用的外部文件.他们拥有jQuery的大多数版本.

要使用可下载的Java版本的编译器执行此操作,您只需在cli上传递--externs_url参数,或者下载所需的extern文件,并使用--externs paramater传递该文件名,就像在Palmerlee的答案中一样.

如果您对为什么不能通过http://code.google.com/closure/compiler/docs/api-tutorial3.html启用高级优化感兴趣

Answer 3

是的，如果您愿意将 jQuery 文件包含在其他文件中。

是的，如果您使用简单模式。

否则，不行。