title: Angular 2: How to correctly automatically import normalize.css
body: <p>I am a new Angular 2 user, and I have some problems with it.</p>
  
  <p>Traditionally, we could use <code>&lt;link rel="stylesheet" href="node_modules/normalize.css/normalize.css" /&gt;</code> to import a css file, but I want to make Angular 2 to automatically import it using <code>import</code>.</p>
  
  <p>I tried to use the same way when I used Material 2:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>// angular-cli-build.js
  
  module.exports = function(defaults) {
    return new Angular2App(defaults, {
      vendorNpmFiles: [
        'normalize-path/index.js',
      ]
    });
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>// system-config.ts 
  
  const map: any = {
    'normalize': 'vendor/normalize-path',
  };
  
  /** User packages configuration. */
  const packages: any = {
    'normalize': {main: 'index.js'},
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>// app.component.ts
  
  import { normalize } from 'normalize-path';</code></pre>
  </div>
  </div>
  </p>
  
  <p>The editor will complain:</p>
  
  <blockquote>
    <p>Cannot find module 'normalize-path'.</p>
  </blockquote>
  
  <p>And the code won't compile. But I really have no idea what was wrong.</p>