title: Mime type error when adding a CSS file to Angular
body: <p>I'm trying to build a static site using Angular. What I want is to have some global css/js/image files to be added to the <code>index.html</code></p>
  
  <p>This is my code in <code>index.html</code></p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/layers.css"&gt;
  </code></pre>
  
  <p>My <code>css</code> folder in in the same level as the <code>index.html</code> file</p>
  
  <p>I'm getting this error for each stylesheet I added (from ng serve with chrome)</p>
  
  <blockquote>
    <p>Refused to apply style from '<a href="http://localhost:4200/css/layers.css" rel="noreferrer">http://localhost:4200/css/layers.css</a>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.</p>
  </blockquote>
  
  <p>I've tried adding this too</p>
  
  <pre><code>#.angular-cli.json
  "styles": [
          "styles.css",
          "css/layers.css"
        ],
  </code></pre>
  
  <p>How can I fix this?</p>
  
  <p>My angular setup is</p>
  
  <pre><code>Angular CLI: 1.6.5
  Node: 8.1.4
  OS: darwin x64
  Angular: 5.2.2
  ... animations, common, compiler, compiler-cli, core, forms
  ... http, language-service, platform-browser
  ... platform-browser-dynamic, router
  
  @angular/cli: 1.6.5
  @angular-devkit/build-optimizer: 0.0.42
  @angular-devkit/core: 0.0.29
  @angular-devkit/schematics: 0.0.52
  @ngtools/json-schema: 1.1.0
  @ngtools/webpack: 1.9.5
  @schematics/angular: 0.1.17
  typescript: 2.5.3
  webpack: 3.10.0
  </code></pre>