Rename Angular2 import module
<p>I wanted to rename the @angular module to angular2, since I find it better readable and wanted to understand how imports work.</p>

<p>So before my attempt to change this, the <code>systemjs.config.js</code> looked like this:</p>

<pre><code>(function(global)
{
    var map =
    {
        'app': 'app', // 'dist',
        '@angular': 'node_modules/@angular',
        /*...*/
    };

    var packages =
    {
        'app': { main: 'main.js', defaultExtension: 'js' },
        '@angular/common': { main: 'index.js', defaultExtension: 'js' };
        /*...*/
    };

    var config =
    {
        map: map,
        packages: packages
    };

    if (global.filterSystemConfig)
    {
        global.filterSystemConfig(config);
    }

    System.config(config);
})(this);
</code></pre>

<p>And the imports in app-Typescript-files looked like this:</p>

<pre><code>import { Component } from '@angular/core';
</code></pre>

<p>This works as expected. Now I changed the <code>systemjs.config.js</code> to this:</p>

<pre><code>(function(global)
{
    var map =
    {
        'app': 'app', // 'dist',
        'angular2': 'node_modules/@angular',
        /*...*/
    };

    var packages =
    {
        'app': { main: 'main.js', defaultExtension: 'js' },
        'angular2/common', { main: 'index.js', defaultExtension: 'js' };
        /*...*/
    };

    var config =
    {
        map: map,
        packages: packages
    };

    if (global.filterSystemConfig)
    {
        global.filterSystemConfig(config);
    }

    System.config(config);
})(this);
</code></pre>

<p>So that I could import Angular2 modules like this:</p>

<pre><code>import { Component } from 'angular2/core';
</code></pre>

<p>When I try to run <code>npm start</code>, I get the following errow now:</p>

<blockquote>
  <p>file-where-i-import.component.ts(1,32): error TS2307: Cannot find module 'angular2/core'.</p>
</blockquote>

<p>Why does it not work like that? What am I missing?</p>