Question

我正在用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来添加不按字母顺序排列的文件，而是按广度优先搜索的顺序？

Answer 1

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

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

Grunt：在index.html

1 个答案: