javascript - 如果您不关心缩小/编译,开始使用 Google Closure?

标签 javascript google-closure google-closure-library plovr

如果您不关心压缩代码,有没有一种方法可以开始使用 Google Closure 库,而无需设置 Subversion 客户端和使用编译器? Google网站上的记事本示例程序引用

  <script src="closure-library/base.js" > </script >

您可以简单地在某处下载 closure-library/base.js 并开始使用 UI 示例吗? Closure Lite快速启动版本似乎不包含 goog.ui

最佳答案

看看this thread关于关闭讨论组。

这是我的 html 源代码的大致样子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

<!-- style sheets -->
<link rel="stylesheet" href="/m/myapp/css/style.css">

<!-- closure base -->
<script type="text/javascript" src="/m/google-closure/closure/goog/base.js"></script>

<!-- file containing dependencies specific to the project -->
<script type="text/javascript" src="/m/myapp/my-deps.js"></script>

<!-- main script of my application -->
<script type="text/javascript" src="/m/myapp/main-script.js"></script>

</head>
<body>

<div id="myapp_div"></div>
<script type="text/javascript">
    load_myapp_into("myapp_div");
</script>

</body>
</html>

编写您的应用程序代码并以您喜欢的任何方式将其组织在映射到 /m/myapp url 的目录中。只需指定主脚本文件即可。其余的将由base.js根据依赖映射进行加载。

闭包的一个有趣特性是您可以按照自己喜欢的方式移动和重命名文件,因为依赖关系计算器会为您确定什么来自哪里。

最重要的部分是计算依赖文件 - my-deps.js 这里。我仍然使用他们的旧版 calcdeps.py,但看起来现在有一个更好的工具,叫做 depswriter

运行 calcdeps.py 后,您很可能必须在生成的 deps 文件中重写路径,因为这些路径必须相对于 base.js

此外,即使您可能对编译器不感兴趣,它也很有帮助,因为它指出了许多错误。无论如何,我只是出于这个目的使用编译器。此外 - 没有编译器的闭包可能只对调试有用,因为未编译代码的下载大小可能很大。

不要忽略闭包模板——它们真的很简洁。

关于javascript - 如果您不关心缩小/编译,开始使用 Google Closure?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2546036/

相关文章:

javascript - 使用 Google Closure 的继承

javascript - 如何同时使用 goog.provide 和 @externs?

javascript - 浏览器显示的图标在哈希更改时闪烁

javascript - 从不同的 reducer 访问 reducer ?

javascript - HTML5 拖放——在 HTML 表单上放置一个计数器来计算拖放次数

javascript - 使用闭包编译器正确键入实例变量

javascript - 缩小可能与其他脚本一起运行的 JavaScript 代码是否安全?

javascript - 如何使用 Ember 获取当前 url(包括哈希后的部分)

javascript - 计算两个日期之间的天数 Y/m/d 返回错误的数字

yui3 - 关闭库或 YUI 3