使用 grunt 以正确的顺序连接 ember 文件

Question

我正在使用 Grunt 将我的 javascript 编译成一个文件。

在我的Gruntfile.js 我有一个 concat 方法

concat: {
        libs: {
            src: [
                'js/vendor/jquery-1.10.2.js',
                'js/vendor/handlebars-1.1.2.js',
                'js/vendor/bootstrap.js',
                'js/vendor/ember-1.2.0.js',
                'js/vendor/ember-data.js',
                'js/vendor/ember-localstorage-adapter.js',
                'js/vendor/moment.js'
            ],
            dest: 'js/libs.js'
        },
        app: {
            src:'js/app/**/*.js',
            dest:'js/app.js'
        }
    }

对于我的文件结构：

js
 | --app
      | --controllers
      | --models
      | --routes
      | --views
      | --app.js
      | --store.js
      | --router.js
  | --vendor
      | ...libraries etc.

当 grunt 连接我的 javascript 文件时，它会生成 js/app.js:

App = Ember.Application.create();

App.Router.map(function(){
    this.resource('bookmarks');
});

App.Store = DS.LSAdapter;

我如何确保商店在路由器之前加载到js/app.js，或者这有关系吗？

Answer 1

文件按照它们在您的 concat 规则的 src 部分中列出的顺序进行连接。就商店首先加载而言，订单应该无关紧要，但这只是一个有根据的猜测，因此请谨慎对待该建议。

如果您确实希望商店行位于路由器之前，您可以将您的串联修改为：

    app: {
        src:[
           'js/app/app.js',
           'js/app/store.js',
           'js/app/router.js'
        dest:'js/app.js'
    }

这样应用程序首先被附加，然后是存储，然后是路由器。