Angularjs Grunt:index.html中js文件的更改顺序

Angularjs Grunt:index.html中js文件的更改顺序,angularjs,gruntjs,Angularjs,Gruntjs,我正在用grunt构建angular项目,假设我有以下结构: -- app.js -- modal ----createTemplate ------createTemplate.js ----modal.js createTemplate.js实现模块的控制器,在modal.js中声明,例如: modal.js angular.module('modal', []) .controller('ModalInstanceCtrl', function($scope) {

我正在用grunt构建angular项目,假设我有以下结构:

-- app.js
-- modal
----createTemplate
------createTemplate.js
----modal.js
createTemplate.js实现模块的控制器,在modal.js中声明,例如:

modal.js

angular.module('modal', [])
    .controller('ModalInstanceCtrl', function($scope) {
        //some stuff
    });
angular.module('modal')
    .controller('CreateTemplateCtrl', function($scope) {
        //some stuff
    });
createTemplate.js

angular.module('modal', [])
    .controller('ModalInstanceCtrl', function($scope) {
        //some stuff
    });
angular.module('modal')
    .controller('CreateTemplateCtrl', function($scope) {
        //some stuff
    });
我有一个Grunt任务,它构建index.html:

index: {
  build: {
    dir: '<%= build_dir %>',
    src: [
      '<%= build_dir %>/src/**/*.js'          
    ]
  }
}
索引:{
建造:{
目录:“”,
src:[
“/src/***.js”
]
}
}
因此,当我构建index.html时,我得到的文件顺序如下:

<script type="text/javascript" src="src/app/home/modal/createTemplate/createTemplate.js"></script>
<script type="text/javascript" src="src/app/home/modal/modal.js"></script>

导致错误的原因模块“模态”不可用!您要么拼错了模块名,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。,因为模块的声明是在调用它之后进行的


那么,我应该如何编辑GrunFile来添加文件,而不是按照字母顺序,而是按照广度优先搜索的顺序?

最好使用单独的文件来定义模块,并像“modal module.js”那样调用它。之后,您可以使用以下参数轻松地首先插入模块文件:

index: {
  build: {
    dir: '<%= build_dir %>',
    src: [
        '<%= build_dir %>/app/app.js',
        '<%= build_dir %>/app/**/*module.js',
        '<%= build_dir %>/app/**/*constants.js',
        '<%= build_dir %>/app/**/*provider.js',
        '<%= build_dir %>/app/**/*enum.js',
        '<%= build_dir %>/app/**/*model.js',
        '<%= build_dir %>/app/**/*config.js',
        '<%= build_dir %>/app/**/*filter.js',
        '<%= build_dir %>/app/**/*directive.js',
        '<%= build_dir %>/app/**/*decorator.js',
        '<%= build_dir %>/app/**/*interceptor.js',
        '<%= build_dir %>/app/**/*service.js',
        '<%= build_dir %>/app/**/*workflow.js',
        '<%= build_dir %>/app/**/*repository.js',
        '<%= build_dir %>/app/**/*resolver.js',
        '<%= build_dir %>/app/**/*controller.js'        
    ]
  }
}
索引:{
建造:{
目录:“”,
src:[
“/app/app.js”,
“/app/***/module.js”,
“/app/***constants.js”,
“/app/***/provider.js”,
“/app/***enum.js”,
“/app/***model.js”,
“/app/***/config.js”,
“/app/***/filter.js”,
“/app/**/*directive.js”,
“/app/***/*decorator.js”,
“/app/***/interceptor.js”,
“/app/***/service.js”,
“/app/***/workflow.js”,
“/app/***/repository.js”,
“/app/***/resolver.js”,
“/app/***/controller.js”
]
}
}