javascript - 预编译angular js模板加速应用启动

Question

我有一个很大的 Angular 应用程序，主页中包含 5 个模板，使用

 <script type="text/ng-template" id="/myMainTemplate.html">...</script>
 <script type="text/ng-template" id="/myTemplatePage2.html">...</script>
 <script type="text/ng-template" id="/myTemplatePage3.html">...</script>
 <script type="text/ng-template" id="/myTemplatePage4.html">...</script>

但是，我的应用程序需要很长时间才能启动。

删除模板 2/3/4 修复了它，但当然破坏了应用程序，我的猜测是 angularjs 需要太多时间来编译 5 个模板。

有没有办法预编译 angularjs 模板，例如使用 nodejs 或类似的东西(就像我们可以用 handlebar 编译模板一样)？

如果我理解得很好 $compile指令，想法是移动指令 $compile(myTemplate)在客户端内部的服务器端

Answer 1

看看 grunt-html2js 任务。

https://github.com/karlgoldstein/grunt-html2js

它将普通的 Angular HTML 模板转换为 JavaScript，以便连接到您的主应用程序包中。一旦模板在您的应用程序包中，它们将在 Angular 的模板缓存中准备就绪，因此它们会立即加载。