title: angular-cli: How to compile all scss files into a single css file
body: <p>I am learning to use sass for my angular2 components like this:</p>
  
  <pre><code>@Component({
    ...
    styleUrls: ['./app.home.scss', './app.mixins.scss'],
    ...
  })
  </code></pre>
  
  <p>This works perfectly fine and I am able to render the changes in the web page that is run using <code>ng serve</code>. </p>
  
  <p>However when I build the project using <code>ng build</code> I expect all <code>scss</code> files to compile and build into a single <code>css</code> file that can be included in <code>index.html</code>. Currently none of the <code>scss</code> files are compiling with build. So how do I ensure that my <code>scss</code> files are compiled with build in a single <code>css</code> file? Is there something that can be specified in <code>angular-cli.json</code> that will enable this?</p>