借助出色的broccoli-stew,我可以查看导出的应用程序树:
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var log = require('broccoli-stew').log;
var debug = require('broccoli-stew').debug;
var app = new EmberApp();
// Use `app.import` to add additional libraries to the generated
// output files.
//
// If you need to use different assets in different
// environments, specify an object as the first parameter. That
// object's keys should be the environment name and the values
// should be the asset to use in that environment.
//
// If the library that you are including contains AMD or ES6
// modules that you would like to import into your application
// please specify an object with the list of modules as keys
// along with the exports of each module as its value.
app.import('bower_components/ember-i18n/lib/i18n.js');
app.import('bower_components/raphael/raphael.js');
var finalTree = log(app.toTree());
module.exports = finalTree;
有了这个,我的应用程序得到了一个非常干净的树状输出:
[ 'assets/app.js',
'assets/app.map',
'assets/app.scss',
...
'assets/vendor.css',
'assets/vendor.js',
'assets/vendor.map',
'crossdomain.xml',
'index.html',
'robots.txt',
'testem.js',
'tests/index.html' ]
我看到在那棵树中,除其他文件外,我们还有一个模块vendor.js
和一个app.js
模块(如预期的那样),但我不知道每个模块中都放入了哪些包。
我觉得我的前端缺少一个(在这种情况下,raphael.js
),所以我想验证ember-cli
(通过EmberApp
)确实做了我要求的(即,包括raphael.js
,可能在vendor.js
)
直接看app.js
还是vendor.js
不可行(太大/不知道要找什么)。我想要一个简单的树状显示已包含EmberApp
在vendor.js
/中的文件,app.js
格式与提供的相同(相似)格式broccoli-stew
。
这可能吗?如何?