Ember Brocfile does not import JS and CSS files

Question

I have an Ember CLI application. I am trying to add the BeatPicker jQuery datepickers to my application using app.import() in the Brocfile but they don't seem to be getting included in vendor.js and vendor.css. I installed BeatPicker through Bower and see that the files are in bower_components folder. I am also using retina.js and that seems to get compiled into vendor.js. I am not sure why BeatPicker is not getting compiled. Here is a copy of my Brocfile:

/* jshint node: true */
/* global require, module */

var EmberAddon = require('ember-cli/lib/broccoli/ember-addon');

var app = new EmberAddon({
  babel: {
    includePolyfill: true
  }
});

// Retina.js
app.import('bower_components/retinajs/dist/retina.min.js');

// BeatPicker
app.import('bower_components/BeatPicker/build-0.1.3/css/BeatPicker.min.css');
app.import('bower_components/BeatPicker/build-0.1.3/js/BeatPicker.min.js');

module.exports = app.toTree();

Even the paths are correct. What am I missing?

I dont see any issue with your brocfile. Did you restart the server ? — selvagsz
@selvagsz I did. I even tried running ember build. Only the retina.js file seems to be getting compiled. The vendor.css file is empty. When I search vendor.js, I can't find the other scripts. — JackH
@Kitler Here's what ember --version returns: version: 1.13.6 node: 0.12.7 npm: 2.13.2 os: darwin x64 — JackH
I tried downloading BeatPicker from act1gmr.github.io/BeatPicker/docs.html and imported in Brocfile. But I don't find any issues — selvagsz

Tyler Iguchi Tyler Iguchi · Accepted Answer · 2015-08-27T18:04:42

Since v1.13 of ember-cli, Brocfile.js has been deprecated in favor of ember-cli-build.js. See the transition doc for more info on why they made the change.

Ember Brocfile does not import JS and CSS files

1 Answers