ember-cli背后的窥视(EmberApp)：vendor.js和app.js

Question

使用出色的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是不可行的(太大/不知道要找什么)。我想要一个简单的树状显示，以与broccoli-stew提供的相同(类似)格式显示EmberApp包含到vendor.js / app.js中的文件。

这个是可能的吗？多么?

Answer 1

引用http://www.ember-cli.com/asset-compilation/#configuring-output-paths

Assets                                          Output File
JavaScript files you import with app.import()   /assets/vendor.js

因此，尽管这不是一个很好的树视图，但您应该很好:-)