config.js

var packages = {
  'app': { defaultExtension: 'ts' },
  'rxjs': { defaultExtension: 'js' }
};

var packageNames = [
  '@angular/common',
  '@angular/compiler',
  '@angular/core',
  '@angular/http',
  '@angular/platform-browser',
  '@angular/platform-browser-dynamic',
  '@angular/router',
  '@angular/upgrade',
  'symbol-observable',
  'reflect-metadata'
];

// add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
packageNames.forEach(function(pkgName) {
  packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
});

System.config({
  baseURL: './',
  defaultJSExtensions: true,
  transpiler: 'typescript',
  paths: {
    'npm:*': 'node_modules/*'
  },

  packages: packages,

  map: {
    '@angular': 'npm:@angular',
    'rxjs': 'npm:rxjs',
    'symbol-observable': 'npm:symbol-observable',
    'reflect-metadata': 'npm:reflect-metadata',
    'angular': 'npm:angular/angular.js',
    'angular-route': 'npm:angular-route/angular-route.js',
    'jquery': 'npm:jquery/dist/jquery.js',
    'typescript': 'npm:typescript/lib/typescript.js',

    /* only necessary for tests */
    'angular-mocks': 'npm:angular-mocks/angular-mocks.js',
    'systemjs': 'npm:systemjs/dist/system.js',
    'system-polyfills': 'npm:systemjs/dist/system-polyfills.js',
    'es6-module-loader': 'npm:es6-module-loader/dist/es6-module-loader.js'
  },

  meta: {
    '@angular': {
      format: 'global'
    },
    'angular': {
      format: 'global',
      exports: 'angular',
      deps: ['jquery']
    },
    'angular-route': {
      format: 'global',
      deps: ['angular']
    },
    'jquery': {
      format: 'global',
      exports: 'jQuery'
    },

    /* tests */
    'angular-mocks': {
      format: 'global',
      exports: 'angular',
      deps: ['angular']
    }
  }
})