title: Typescript is not bundling angular2 and rxjs
body: <p>This is my <code>tsconfig.json</code></p>
  
  <pre><code>{
    "compilerOptions": {
      "target": "es5",
      "module": "system",
      "moduleResolution": "node",
      "sourceMap": true,
      "removeComments": true,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "noImplicitAny": true,
      "suppressImplicitAnyIndexErrors": true,
      "outFile": "./js/app.js",
      "typeRoots": [
        "./node_modules/@types"
      ],
      "types" : [ "node", "core-js" ]
    },
    "include": [
      "./ts/**/*.ts"
    ],
    "exclude": [
      "**/*.spec.ts"
    ]
  }
  </code></pre>
  
  <p>This is my <code>system.config.js</code> (Basically nothing)</p>
  
  <pre><code>System.import('main');
  </code></pre>
  
  <p>What I am doing is, I want to bundle everything into one JS file so that I can use it for production. TypeScript did most of the steps for me. It bundles all my scripts into one <code>app.js</code> files. </p>
  
  <p>However, I got </p>
  
  <pre><code>http://localhost/@angular/platform-browser-dynamic 404 (Not Found)
  </code></pre>
  
  <p>on my browser console. </p>
  
  <p>After digging into the <code>app.js</code> I discover that, all @angular and Rxjs code are not in the bundled file. So SystemJs does not know how to look for them and request the script files in the default way. </p>
  
  <p>My understanding is, in <code>tsconfig.json</code> the line <code>"moduleResolution": "node",</code> is already telling TypeScript to load @angular and Rxjs by the "Node way" which should mean go to <code>node_module</code> to load those dependencies, but it does not.</p>