通过grunt将不同的javascript依赖项插入索引？

在我的GrunFile中，我定义了一个需要插入索引的javascript文件数组，它们包括依赖项（jquery等）以及组成angular应用程序的文件（控制器、服务等）

我在一个任务中使用的这个数组将它们组合起来并缩小，这样我就有了一个最终的js文件，这对生产是有好处的，但对于开发工作，我更喜欢单独插入这些文件以便于调试

是否有grunt插件允许我：

将数组中的每个脚本分别插入索引中

将缩小的脚本插入索引中

轻松地在两者之间切换，这样我就不需要进入并手动删除每个脚本，然后添加缩小的脚本，这样我就可以在为dev构建的任务中插入完整的脚本，并在为prod构建的任务中插入连接的脚本

---

我已经找到了一些插件（文件块和注入器），它们似乎可以满足我的需要，但我无法让它们正常工作，因此，如果您还可以提供一个示例，说明如何为构建开发和构建产品任务配置插件。

我终于找到了一个符合我要求的grunt插件，虽然一开始它似乎对我不起作用，但我误读了文档，而且作者非常友好

基本上，我所做的就是在index.html中标记我想插入js依赖项的位置，就像这样

<!-- fileblock:js blockName1 -->
<!-- endfileblock -->

<!-- fileblock:js blockName2 -->
<!-- endfileblock -->

现在，通过一个简单的

grunt fileblocks:dev

我可以在开发工作的索引中设置依赖项，而通过

grunt fileblocks:dist

我可以为投入生产准备索引

fileblocks: {
  dev: {
    files: [{
      src: 'index.html',
      options: {removeFiles: true},
      blocks: {
        'blockName1': { src: arrayOfDevDepenices },
        'blockName2': { src: arrayOfDevDepenices }
      }
    }]
  },

dist: {
    files: [{
      src: 'index.html',
      options: {removeFiles: true},
      blocks: {
        'blockName1': { src: arrayOfDistDepenices },
        'blockName2': { src: arrayOfDistDepenices }
      }
    }]
  }
}