当我跑ember build时，西兰花插件正确运行，并将精灵 CSS 文件和精灵 PNG 文件输出到 assets 目录中。
当我跑步ember serve时，最初也会发生同样的事情。但是，当我保存任何文件时，导致 Broccoli 重建其树，精灵 CSS 和 PNG 文件不再合并到主应用程序树中，并且当页面从实时重新加载刷新时，页面不再显示精灵图像。
- 为什么会这样？
- 如何确保每次都合并插件的输出？
详情：
在问了这个问题之后，尽管给予了赏金，但没有得到任何回应，我决定编写自己的 broccoli 插件来生成 CSS 图像精灵： broccoli-sprite
到目前为止我所尝试的：
#1
我正在使用这个将我的插件的输出与主应用程序的输出合并Brocfile.js
var app = new EmberApp(/* ... */);
/* other ember-cli init for app */
var broccoliSprite = require('broccoli-sprite');
var spritesTree = broccoliSprite(/* ... */);
var appTree = app.toTree();
var broccoliMergeTrees = require('broccoli-merge-trees');
module.exports = broccoliMergeTrees([spritesTree, appTree]);
我知道这可能不是要走的路，而且我对 ember-cli 和 broccoli 都很陌生，所以请原谅新手错误，如果这是一个。
#2
在Brocfile.js中，扩展EmberApp为包含 的新树sprites：
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var broccoliSprite = require('broccoli-sprite');
EmberApp.prototype.sprites = function() {
console.log('EmberApp.prototype.sprites');
var spritesTree = broccoliSprite('public', this.options.sprite);
return spritesTree;
};
var originalEmberAppToArray = EmberApp.prototype.toArray;
EmberApp.prototype.toArray = function() {
var sourceTrees = originalEmberAppToArray.apply(this, arguments);
sourceTrees.push(this.sprites());
return sourceTrees;
};