Help with error message: Using 'app.import' with a file in the root of 'vendor/'


#1

When I start my ember application I get a bunch of these errors:

Using app.import with a file in the root of vendor/ causes a significant performance penalty. Pl ease move vendor\bootstrap\dist\css\bootstrap-theme.css into a subdirectory. Using app.import with a file in the root of vendor/ causes a significant performance penalty. Pl ease move vendor\bootstrap\dist\css\bootstrap.css into a subdirectory. Using app.import with a file in the root of vendor/ causes a significant performance penalty. Pl ease move vendor\ember-addons.bs_for_ember\dist\css\bs-growl-notifications.min.css into a subdirec tory.

This is the contents of my brocfile.js if it helps:

var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var pickFiles = require('ember-cli/node_modules/broccoli-static-compiler');
var mergeTrees = require('ember-cli/node_modules/broccoli-merge-trees');

var app = new EmberApp();

var extraAssets = pickFiles('app', {
    srcDir: 'images',
    destDir: 'images'
});

app.import('bower_components/bootstrap/dist/js/bootstrap.js');
app.import('bower_components/bootstrap/dist/css/bootstrap.css.map', {
    destDir: 'assets'
});

var imageTree  = mergeTrees([app.toTree(), extraAssets]);
module.exports = mergeTrees([app.toTree(), imageTree ], { overwrite: true });

Any suggestions?


#2

When given an instance of EmberApp, when calling toTree, it now accepts extra trees to merge, like,

app.toTree([extraTree, [extraTree]]);

Hope this helps.