Angularjs Grunt:index.html中js文件的更改顺序
我正在用grunt构建angular项目,假设我有以下结构: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) {
-- 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”
]
}
}