在Closure Compiler输出中包含AngularJS部分模板

Question

我刚刚开始使用AngularJS（1.4.7）并希望使用Closure Compiler为新应用程序生成简洁的构建输出。

我正在成功生成一个单独的输出文件，其中包含我所依赖的每个库之前的所有应用程序的JavaScript。

但是，我的应用程序使用ngRoute，这是在访问时为每个路由加载控制器和部分html模板。每个模板都会根据需要加载，因此第一次使用路径时，模板下载会有延迟。

我习惯使用RequireJS，其中模板可以被视为资源并捆绑到已编译的构建产品中，但是我没有看到使用Angular和Closure执行此操作的方法。

我认为这是一个先前已经解决过的问题，但我很难通过Google找到相关信息。

是否可以在构建产品中包含部分模板，使用Closure Compiler或其他工具生成？

Answer 1

处理此问题的最佳方法是分两步：

1. 使用r.js optimizer订购您的依赖项并创建一个JS文件。
2. 使用closure-compiler从r.js压缩输出文件。

require js优化器同时作为grunt和gulp插件提供。

使用gulp，您只需将requirejs输出传递给编译任务即可。对于grunt，您需要将optimize属性设置为none并生成中间文件。中间文件将是闭包编译器的js输入文件。