grunt 可以自动将我所有的 js 包含在 index.html 中吗？ [关闭]答案

【问题标题】：can grunt automatically include all my js in index.html? [closed]grunt 可以自动将我所有的 js 包含在 index.html 中吗？ [关闭]
【发布时间】：2013-11-02 00:20:26
【问题描述】：

我是新来的咕噜声。我来自铁轨并进入角度。据我所见，grunt usemin 可以在构建指令之间替换<script src=...>，并在 grunt 构建期间将其替换为单个缩小的 js。这非常适合部署。

但是，每当我在开发过程中添加新的角度控制器时，我还必须记住将它们添加到我的 index.html 中。这很麻烦，如果我移动我的功能文件夹也是如此，我必须更改 index.html 中的所有 src 路径。

如果在开发中，grunt 会监视我所有的 src/**/*.js 并自动将它们全部添加到 index.html 中，这将是很好的...类似于 Rails 资产管道和资产清单，当你正在开发时只做 require_tree .您可以将文件放在任何地方，它会自动可用。

对于 grunt watcher 是否有这样的现有解决方案或示例？谢谢

【问题讨论】：

那太棒了。我遇到了同样的问题，每当我添加新控制器或任何东西时，我都必须将代码插入到我的 index.html 文件中。 +1 提问。
在 grunt 中观察文件的变化很简单，但是将它们插入 html 会有点困难，因为有时插入顺序确实很重要。有人可能必须想出独特的注释语法（类似于缩小的注释语法），它可以区分哪些类型的文件去哪里。

标签： ruby-on-rails angularjs gruntjs grunt-usemin

【解决方案1】：

看看https://github.com/jwvdiermen/grunt-include-source#usage-examples

适用于 JS 和 CSS。

【讨论】：

【解决方案2】：

如果您使用使用 bower 来管理您的资产，grunt-bower-install 就是您要找的。否则你可以使用 grunt-bower-requirejs-alias。对于类似 rails 的 require_tree，您可以尝试 node-require-dir。为什么不在npm registry 中搜索？这是一个寻找插件的好地方。

【讨论】：