用于 Angular.js 依赖注入管理的 Grunt.js

我正在使用 Grunt 自动构建我的网络应用程序。我遇到了一个有趣的问题。我有两个选择：1）grunt:dev and 2)grunt:build

grunt:dev只执行与开发相关的基本任务。我的“主要”Angular 模块如下所示：

var myApp= angular.module('myApp', [
                                "ui.router",
                                "ui.bootstrap",
                                "someDependency",
                                "someDependency2" 
                                ]);

当我想要建造时，我就会这样做grunt:build。我正在使用html2js https://github.com/karlgoldstein/grunt-html2jsgrunt 插件来填充 Angular 缓存。然而，该方法会生成一个new模块不在我的开发工作流程中，称为模板主.

为了使其工作，当我构建时，我需要“主”模块如下所示：

var myApp= angular.module('myApp', [
                                "ui.router",
                                "ui.bootstrap",
                                "templates-main", //<<< NEW DEPENDENCY
                                "someDependency",
                                "someDependency2" 
                                ]);

有推荐的方法来实现这一点吗？如果包含依赖项，但它不存在，则会导致 Angular 错误。我希望这可以通过 Grunt 实现自动化。

提前致谢

我想出了一个解决方法。我正在使用 Grunt 的 Concat 模块。这允许您拥有一个带有正则表达式的自定义流程系统：

build: {
    options: {
        process: function(src, filepath) {
            return src.replace(/[/*<%]{4}.*[%>*/]{4}/g, '"templates-main",');
        }
    },
    src: ['src/app/app.js', 'src/app/**/*.js'],
    dest: 'build/app.js'

}

然后我在代码中执行了以下操作：

var eeApp = angular.module('eeApp', [
                                "ui.router",
                                "ui.bootstrap",
                                /*<% templates-main %>*/
                                "dashboard"
                                ]);

在正常使用中，块注释将防止代码抛出错误。当模板过程完成时，正则表达式将匹配整个注释块并替换所需的依赖项。好的！