CSS is not being included in production builds

[cafreeman]

I'm encountering an issue where CSS that has been included from node_modules via Broccoli-Concat is not making its way into the production build.

You can see this approach being used in the TodoMVC demo here.

This methods works just fine in dev mode, but in production the app.css file won't actually exist, since it will instead be app-<build-hash>.css, and the index.html will reflect this. However, broccoli-concat is still churning out the regular app.css file, so it gets ignored :(

You can see an example of that here (note the two different CSS files):

And in index.html we're including the following stylesheet: <link rel="stylesheet" href="app-d41d8cd98f00b204e9800998ecf8427e.css">

As a result, ember s -prod looks like this:

[rwjblue]

I mentioned this in slack, but a work around for now (and what we should update the todomvc demo to do) is:

class CustomApp extends GlimmerApp {
 cssTree() {
   let cssTree = super();
   return customBroccoliStuff(cssTree);
 }
}
let app = new CustomApp(defaults);
return app.toTree();