yeoman grunt build does not deploy component css

bower, css, ember.js, gruntjs, yeoman

Solution

When you are integrating the css in your html files you usually do it like this (I use bootstrap as example):

<link rel="stylesheet" href="bower_components/sass-bootstrap/bootstrap-2.3.2.min.css">

If you run `grunt build`this won't deploy the css files. To have them deployed in your project wrap it in the `usemin` comments, just like you do with the javascript stuff:

<!-- build:css styles/bootstrap.css -->
<link rel="stylesheet" href="bower_components/sass-bootstrap/bootstrap-2.3.2.min.css">
<!-- endbuild -->

This will then deploy this css file as `styles/bootstrap.css` in your `dist` folder and update the references in your html files just like it does with the javascript references.

Problem

I'm new to Yeoman. I've generated an Ember.js project with ``` $ yo ember ``` so I needed to install Twitter Bootstrap separately running ``` $ bower install bootstrap ``` but running ``` $ grunt build ``` does not deploy the component css files to the dist/styles directory in the same way that it does for js files to dist/scripts How do I include component css files in my project distribution and reference them in my html?

Original source