Closure 编译器应用使用入门
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Closure 编译器应用的 Hello World
Closure Compiler 应用是一种 Java 命令行实用程序,可压缩、优化和查找 JavaScript 中的错误。如需通过简单的 JavaScript 程序试用 Closure Compiler 应用,请按以下步骤操作。
要完成此练习,您需要 Java 运行时环境版本 7。
-
下载 Closure Compiler 软件包
创建一个名为 closure-compiler
的工作目录。
从 Maven 代码库下载最新发布的 JAR 文件,并将其保存在 closure-compiler
中。
-
创建 JavaScript 文件
创建一个名为 hello.js
且包含以下 JavaScript 的文件:
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
将此文件保存在 closure-compiler
目录中。
-
编译 JavaScript 文件
从 closure-compiler
目录运行以下命令:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
此命令创建一个名为 hello-compiled.js
的新文件,其中包含以下 JavaScript:
function hello(a){alert("Hello, "+a)}hello("New User");
请注意,编译器会去掉注释、空格和不必要的英文分号。编译器还将参数名称 longName
替换为简称 a
。最终生成的 JavaScript 文件会小得多。
如需确认已编译的 JavaScript 代码是否仍能正常运行,请在 HTML 文件中添加 hello-compiled.js
,如下所示:
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
在浏览器中加载 HTML 文件,此时您应该会看到一条友好的问候语!
后续操作
此示例仅展示了 Closure 编译器执行的最简单优化。如需详细了解该编译器的功能,请参阅高级编译和 Extern。
如需详细了解 Closure 编译器的其他标志和选项,请使用 --help
标志执行 JAR:
java -jar compiler.jar --help
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2022-12-05。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2022-12-05\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2022-12-05。"]]