title: CSS compilation with angular-cli
body: <p>I just started working on angular 4.0.0 and angular-cli is nice to have.
  But i am facing issue with compiling sass files. </p>
  
  <p>rather than parsing all components .scss file as one , webpack is adding a inline style tag with all the css inside it .</p>
  
  <p>Is it an expected behavior or i am missing some configuration for node-sass and sass-loader in angular-cli</p>
  
  <pre><code>     "styles": [
      "styles.scss"
    ],
     "defaults": {
  "styleExt": "scss",
  "component": {}
  </code></pre>
  
  <p>}</p>
  
  <p>thats the cli configuration for styles.</p>
  
  <p>for the app configuration styles.scss import app.components.scss and
  app.component.scss imports all other component's scss.</p>
  
  <p>Thanks for your help.</p>