Grunt:在index.html

时间:2015-10-27 10:54:38

标签: angularjs gruntjs

我正在用grunt构建角度项目,让我们假设我有以下结构:

-- app.js
-- modal
----createTemplate
------createTemplate.js
----modal.js

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

modal.js

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

createTemplate.js

angular.module('modal')
    .controller('CreateTemplateCtrl', function($scope) {
        //some stuff
    });

我有Grunt任务,构建index.html:

index: {
  build: {
    dir: '<%= build_dir %>',
    src: [
      '<%= build_dir %>/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>

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

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

1 个答案:

答案 0 :(得分:2)

最好使用单独的文件进行模块定义,并将其称为&#39; modal-module.js&#39;。之后,您可以使用以下参数轻松地注入模块文件:

let offScreenLeft = CGAffineTransformMakeTranslation(-UIScreen.mainScreen().bounds.width,0)
UIView.animateWithDuration(0.4, animations: {
    newview.transform = offScreenLeft
} , completion:{})