systemjs.config.js

(function(global) {

  // map tells the System loader where to look for things
  var map = {
    'app':      'runt',
    'rxjs':     'node_modules/rxjs',
    '@angular': 'node_modules/@angular',
    'angular-dual-listbox': 'dist'
  };

  // packages tells the System loader how to load when no filename and/or no extension
  var packages = {
    'app':   { main: 'main.js',  defaultExtension: 'js' },
    'rxjs':  { defaultExtension: 'js' },
    'angular-dual-listbox':   { main: 'bundles/angular-dual-listbox.umd.min.js', defaultExtension: 'js' }
  };

  var ngPackageNames = [
    'common',
    'compiler',
    'core',
    'forms',
    'platform-browser',
    'platform-browser-dynamic'
  ];

  // Individual files (~300 requests):
  function packIndex(pkgName) {
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
  }

  // Bundled (~40 requests):
  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }

  // Most environments should use UMD; some (Karma) need the individual index files
  var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;

  // Add package entries for angular packages
  ngPackageNames.forEach(setPackageConfig);

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

  System.config(config);

})(this);