プランナーのためにAngular2の単一ファイルを作成するには？

Question

Angular2のスターターのように、私はsuchプランナーを使用しています。しかし、それは非常に遅いです。

var angularVersion = '2.0.0-rc.4'; 

System.config({ 
    baseUrl: '/', 
    paths: { 
    'npmcdn:*': 'https://npmcdn.com/*' 
    } 
}); 

System.config({ 
    transpiler: 'typescript', 
    typescriptOptions: { emitDecoratorMetadata: true }, 

    meta: { 
    '*': { 
     deps: [ 'zone.js', 'reflect-metadata' ] 
    } 
    } 
}); 

System.config({ 
    packageConfigPaths: [ 
    "npmcdn:@*/*/package.json" 
    ], 

    map: { 
    '@angular/core': 'npmcdn:@angular/core@'+angularVersion, 
    '@angular/compiler': 'npmcdn:@angular/compiler@'+angularVersion, 
    '@angular/common': 'npmcdn:@angular/common@'+angularVersion, 
    '@angular/platform-browser': 'npmcdn:@angular/platform-browser@'+angularVersion, 
    '@angular/platform-browser-dynamic': 'npmcdn:@angular/platform-browser-dynamic@'+angularVersion, 
    'rxjs': 'npmcdn:rxjs@5.0.0-beta.6', 
    'zone.js': 'npmcdn:zone.js@0.6.12', 
    'reflect-metadata': 'npmcdn:reflect-metadata@0.1.3', 
    "crypto": "@empty" 
    }, 

    packages: { 
    'app': { 
     defaultExtension: 'ts', 
     main: './index.ts' 
    } 
    } 
}); 

私はそれをより速くするためにAngular2のすべてのベンダーの部品を単一のファイルバンドルの種類をプリコンパイル約アイデアを考えてのコードのみをtranspileだ：それはそれをリロードに毎回transpileしようとする主な理由あなたはアプリケーションですが、ライブラリはありません。

すでに解決策はありますか？

Answer 1

Angular2クイックスタートは、集約UMDモジュールを使用します。 live demoをご覧ください。 個々のファイルの代わりにUMDモジュールをロードするようにSystemJSの設定を変更します。ここにファイルの重要な部分があります。

ngPackageNames.forEach(function(pkgName) { 

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

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