title: CSS files not compiled into app.css as expected in Ember CLI?
body: <p>Ember CLI docs says about <code>/app/styles</code> folder following: </p>
  
  <p>Contains your stylesheets, whether SASS, LESS, Stylus, Compass, or plain CSS (though only one type is allowed, see Asset Compilation). These are all compiled into app.css.</p>
  
  <p>I have the following files in <code>/app/styles</code>: <code>app.css</code>, <code>one.css</code>, <code>two.css</code>.</p>
  
  <p>I would expect when starting server that in folder /dist/assets there will be file called <code>appName.css</code> and the content would be concatenation of all three files. Instead there is only content of app.css file. So I resolved this with <code>@import</code> in app.css:  </p>
  
  <pre><code>@import url("one.css");
  @import url("two.css");
  </code></pre>
  
  <p>That worked with 0.0.46, although not optimal because of more request were made to server. Now I updated to 0.1.1 and files <code>one.css</code> and <code>two.css</code> are no longer copied to <code>/dist/assets</code> folder. </p>
  
  <p>But main question is: How can I achieve the concatenation of all css files in <code>/app/styles</code> folder? Am I missing something basic or are there some commands needed to be included into <code>Brocfile.js</code>?</p>
  
  <p><strong>Updated</strong></p>
  
  <p>Here is the snippet of <code>Brocfile.js</code> showing how we concatenate our CSS files:</p>
  
  <pre><code>var concat = require('broccoli-concat');
  var cleanCSS = require('broccoli-clean-css');
  
  var concatenatedCss = concat('app/styles', {
      inputFiles: [
          'reset.css',
          'common.css',
          'layout.css',
          ...
      ],
      outputFile: '/assets/appName.css',
      wrapInFunction: false
  });
  
  if (app.env === 'production') {
      concatenatedCss = cleanCSS(concatenatedCss, {restructuring: false});
  }
  
  module.exports = app.toTree([concatenatedCss]);
  </code></pre>
  
  <p>We manually add files to inputFiles array.</p>