javascript - Bower/grunt 在顶部加载 1 个脚本

Question

所以，我对此还很陌生，但我在我的项目中使用了 yeoman 生成器，特别是这个 https://github.com/DaftMonk/generator-angular-fullstack 。我想要完成的是将 Angular 负载放在index.html的顶部，而不是与其余部分一起放在组中。我基本上试图让 ng-cloak 为我的应用程序加载工作，并且如果没有在头部加载 Angular 脚本，似乎无法正确完成此操作，否则它会显示未渲染的 html。

我想知道是否有办法通过设置 grunt(可能是 bower ？)来做到这一点？我正在使用他们的 grunt 文件 - 在这里看到 https://github.com/DaftMonk/generator-angular-fullstack/blob/master/Gruntfile.js 。另外 - 当我 grunt 构建时，我可以将其保留在文档的顶部(而不是再次与底部的缩小的 js 一起堆放)。我认为，如果它不与其他脚本一起缩小，只要它保持在顶部，我什至可以接受。

如果有人能给我指出正确的方向，我真的很感激，我已经研究了咕噜和 bower 的东西几个小时了:(。

感谢您的阅读!

Answer 1

不知道生成器生成了 Gruntfile，不幸的是没有时间检查它如何注入(inject)脚本。我使用的是wiredep(尽管我是一个gulp的人)，这样你只需在注入(inject)位置上放置一个模板注释，这样你就可以在头部完成它。Angular 文档确实说，如果您在正文中插入 Angular 脚本，您仍然可以通过简单地在样式表中的 ng-cloak 类上定义 display none 来使用 ng-cloak。不过我没有成功:)虽然你在 6 天前问这个问题时可能已经想出了一些答案，但答案并不多。我会弄清楚生成的 Bower 文件用于执行 Bower 依赖注入(inject)，但是如果它在您的 index.html 中输出这些注释(类似或类似的内容)，只需将其移至您的头部(它将加载您的所有 vendor 脚本) .顺便说一句，您可能只想将它们连接起来以将连接保存回服务器。