使用 GAE + Angular JS 的缩小器答案

【问题标题】：Minifier with GAE + Angular JS使用 GAE + Angular JS 的缩小器
【发布时间】：2012-10-11 19:52:08
【问题描述】：

您能否解释一下，或指出有关如何设置缩小器（最好是 google 闭包）以与 Google App Engine 一起使用的好资源。

我在客户端使用 AngularJS。所以有一堆 JS 文件，并喜欢将其作为一个，在生产过程中缩小。如果没有手动编辑 index.html 的哪些文件要服务器，并且没有 GAE 设置问题，我该如何实现呢？

谢谢。

【问题讨论】：

为什么不在部署后脚本中这样做呢？
@Shay，我正在开发我的第一个 GAE 应用程序。不确定所有可用的选项。如果您可以简要介绍一下该方法作为答案，那就太好了。
你熟悉yeoman吗：briantford.com/blog/angular-yeoman.html
基本上它与 GAE 没有直接关系，您使用部署脚本来上传应用程序，但在部署之前它会扫描应用程序文件夹并在任何 js 文件上运行您选择的 minifer 工具。
如果你想通过 Jinja 加载一些模板，你可以使用带有角度包的 Webassets 查看 YAMLLoader for webassets

标签： javascript google-app-engine google-closure-compiler angularjs

【解决方案1】：

借助 Page Speed 服务，您可以让 App Engine 为您完成优化工作，您可以从管理控制台设置页面启用该服务：

https://developers.google.com/appengine/docs/adminconsole/performancesettings#pagespeed

【讨论】：

【解决方案2】：

modernizr 有一个 ant 构建脚本，可以在你的 html 文件中搜索 js 和 css，缩小和连接等，创建代码的发布版本。您可能需要对其进行调整以确保将 jquery 和 angularjs 等内容放在正确的位置。我已经有一段时间没有使用 ant 了，它很容易理解。我想你可以用闭包之类的东西替换任何 js 缩小器。

顺便说一句，请确保您使用 $inject dependency injection，这样压缩器就不会弄乱您的角度代码。

希望对你有帮助

--丹

【讨论】：