如何使用Google Closure编译器删除未使用的JavaScript代码？

Question

如何使用Google Closure编译器删除未使用的代码？

我正在使用JQuery Slider控件但是我没有在JQuery中使用任何其他东西.所以我读到高级模式下的Google Closure编译器可以删除未使用的代码,但我不知道如何.

我有frontpage.html链接到我的网站上托管的html页面的外部JQuery,JQuery UI和JQuery Slider控件.

在我的frontpage.html上,我还在HTML中嵌入了JavaScript,启动了JQuery Slider控件.

我如何使用我使用在线Closure Compiler来评估我的frontpage.html,JQuery,JQuery UI和JQuery Slider来删除我不使用的所有未使用的JQuery代码？

Answer 1

有两种方法可以从组合输出脚本中删除/排除未使用的代码:

• 第一种,涉及使用ADVANCED_OPTIMIZATIONS编译级别(有关详细说明和用法,请参阅高级编译和外部)
• 第二,是允许编译器管理依赖项(即使用--manage_closure_dependencies编译标志)

在这两个选项中,使用--manage_closure_dependencies标志删除未使用的代码的程度较小(即在文件级别排除代码),但它确实允许您保持SIMPLE_OPTIMIZATIONS编译级别.在任何一种情况下,你都必须包含jQuery和jQueryUI脚本的url以及从你的页面使用jQuery Slider的代码 - 这样的东西(第一个选项):

// ==ClosureCompiler==
// @compilation_level ADVANCED_OPTIMIZATIONS
// @output_file_name default.js
// @code_url http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js
// @code_url http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.js
// ==/ClosureCompiler==

// ADD YOUR CODE HERE

希望这可以帮助.

Answer 2

首先作为初学者我建议你尝试简单的优化。因为它无需任何配置即可工作并产生良好的结果。不要被名字误导。简单的优化比任何其他压缩工具都能提供更好的节省。高级级别可以是您的下一步，但有点复杂。

至于使用编译器。我的建议是将所有脚本打包到一个 javascript 文件中，将其上传到您的网站，这样它将有一个 url，将其传递给在线编译器。然后你点击Add一下Compile就完成了。

在右侧您将看到编译后的代码。default.js此外，还将创建一个名为的文件，您可以下载该文件。

下一步是根据您的需要将其重命名，然后上传到您的服务器，更改.jsHTML 中的引用，这样就基本完成了。玩得开心！