coffeescript – 与Grunt连接和缩小RequireJS

- assets
 - js
  - app
   - model
    - *.coffee
   - factory
    - *.coffee
   ...
   - app.coffee
   - config.coffee
   - routes.cofeee
  - vendor
   - angular
   - lodash
   ...
  - dist

我想通了：r.js通过读取你的mainConfigFile以及你在配置中命名的所有模块来工作,这里重要的注意事项是r.js只查看命名模块中的第一个require / define并寻找它们;所以,例如,我有一个名为app的命名模块：

require ['config'],(cfg) ->
  require ['angular'],(A) ->
    A.module cfg.ngApp,[]

    require ['routes'],() ->
      require [
        'factory/a-factory','service/a-service','controller/a-controller'
      ],() ->
        A.bootstrap document,[cfg.ngApp]

这里的问题是r.js从未超过第一个require语句,因此连接不起作用.当我把它更改为时,说(我的app.coffeE)：

require ['config'],[]

    require ['bootstrap'],(bootstrap) ->
      bootstrap()

还有我的bootstrap.coffee：

define [
  'config','angular','routes','factory/a-factory','controller/a-controller'
],(cfg,A,routes) ->
  class Bootstrap
    constructor: () ->
      routes()

      A.bootstrap document,[cfg.ngApp]

这意味着我只需要在我的r.js配置中定义angular和bootstrap作为包含,然后r.js将完成剩下的工作,如下所示：

baseUrl: 'assets/js/app',mainConfigFile: 'assets/js/app/config.js',name: 'app',include: [
  '../vendor/requirejs/require','bootstrap'
],out: 'assets/js/dist/app.js'

现在一切正常！ ~~很遗憾,我必须告诉r.js包含requirejs,也许我在那里做了些傻事？~~

Blimey,我真是个dingus！

所以在我的HTML中我加载了我的连接脚本：

<script src="assets/js/dist/app.js"></script>

什么时候应该像这样加载：

<script src="assets/js/vendor/requirejs/require.js" data-main="assets/js/dist/app"></script>

D’哦！