Closure 编译器服务已弃用,并将被移除。请考虑改为在本地运行编译器。
Closure Compiler Service API 的 Hello World
Closure Compiler Service 界面非常适合从几行 JavaScript 代码或几个网址开始,但如果您想要自动执行 JavaScript 优化过程或将优化过程构建到一个更大的系统(例如 IDE 扩展)中,则应直接与 Closure Compiler Service API 通信。对于 Closure Compiler Service API 的 Hello World,请按以下步骤操作:
创建 HTML 网页
创建一个名为
closure_compiler_test.html
的文件并粘贴以下代码:<html> <body> <form action="https://closure-compiler.appspot.com/compile" method="POST"> <p>Type JavaScript code to optimize here:</p> <textarea name="js_code" cols="50" rows="5"> function hello(name) { // Greets the user alert('Hello, ' + name); } hello('New user'); </textarea> <input type="hidden" name="compilation_level" value="WHITESPACE_ONLY"> <input type="hidden" name="output_format" value="text"> <input type="hidden" name="output_info" value="compiled_code"> <br><br> <input type="submit" value="Optimize"> </form> </body> </html>
本页面上的表单为您提供了一种使用 HTTP POST 请求调用 Closure Compiler Service API 的简单方式(如果您觉得这样的话)。
请注意,
compilation_level
参数设置为WHITESPACE_ONLY
,这会告知 Closure 编译器服务对代码应用最基本的优化。您可以将此参数的值设置为SIMPLE_OPTIMIZATIONS
或ADVANCED_OPTIMIZATIONS
,以尝试更高级的优化。如需详细了解这些编译级别,请参阅 API 参考文档。在浏览器中打开该网页
现在,在浏览器中打开
closure_compiler_test.html
。您应该会看到类似以下屏幕截图的页面:点击“优化”,将代码提交到 Closure Compiler Service API
您应该会看到以下生成的代码,其中注释和空格已移除:
经过优化的 JavaScript 代码版本在功能上等同于原始代码,而且要小得多。您可将此页面的输出内容剪切回您的源文件。
现在,您已经了解了 Closure Compiler Service API 的基础知识,可以在与 Closure Compiler Service API 通信中详细了解如何使用和配置它。