title: Angular-cli Webpack 3rd part css files
body: <p>I just moved to <code>angular-cli 1.0.0-beta.11-webpack.2</code><br>
  There are so many annoying things but the biggest problem which I`m facing is with external <strong>css</strong> files (probably I will have the problem with <strong>js</strong> files too).  </p>
  
  <p>In my project is used <a href="https://github.com/angular/material2/blob/master/GETTING_STARTED.md" rel="noreferrer">Angular2 material</a> and the <code>menu component</code> is requiring the <code>overlay.css</code>. When I am including it in <code>index.html</code>:</p>
  
  <pre><code>&lt;link href="vendor/@angular2-material/core/overlay/overlay.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>And after <code>ng serve</code> or <code>ng build</code> the overlay css files are missing in the <strong>dist</strong> folder.</p>
  
  <p>There is as <a href="https://github.com/angular/angular-cli/pull/1633" rel="noreferrer">issue</a> on <code>angular-cli github</code>. I did everything exactly how it's mentioned but is still not working.</p>
  
  <p>I crated an <code>assets</code> folder and <code>styles.css</code> file in </p>
  
  <ul>
  <li>src</li>
  <li>src/app</li>
  </ul>
  
  <p>and my <code>angular-cli.json</code> files look like:</p>
  
  <pre><code>{
    "project": {
      "version": "1.0.0-beta.11-webpack.2",
      "name": "cli-webstorm"
    },
    "apps": [
      {
        "root":"src",
        "assets":"assets",
        "main": "src/main.ts",
        "tsconfig": "src/tsconfig.json",
        "mobile": false,
        "styles": "styles.css",
        "environments": {
          "source": "environments/environment.ts",
          "prod": "environments/environment.prod.ts",
          "dev": "environments/environment.dev.ts"
        }
      }
    ],
    "addons": [],
    "packages": [],
    "e2e": {
      "protractor": {
        "config": "config/protractor.conf.js"
      }
    },
    "test": {
      "karma": {
        "config": "config/karma.conf.js"
      }
    },
    "defaults": {
      "prefix": "app",
      "sourceDir": "src",
      "styleExt": "css",
      "prefixInterfaces": false,
      "lazyRoutePrefix": "+"
    }
  }
  </code></pre>
  
  <p>I would like to ask how can I include an library css files(3rd part css) in my project in a way that I can use the benefits of <code>angular-cli webpack</code>?</p>