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

时间:2010-03-30 14:35:49

标签: 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

2 个答案:

答案 0 :(得分:4)

关闭关闭讨论组的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

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

不要通过闭包模板 - 它们真的很整洁。

答案 1 :(得分:2)

您可以尝试plovr它是一个专为闭包设计的构建工具。

它包含了所有关闭工具和库,因此您可以将它们保留在项目文件夹中。

这个工具的好处在于你可以将它用作服务器,这样你就可以开发你的应用程序,并且通过重新加载页面,代码被编译并传递给你的应用程序。

我花了大约半个小时来理解并设置它。