systemjs-builderを使用してすべてのパッケージを1つのファイルにバンドルして縮小する方法

Question

私はangular2アプリを持っています。私はアプリをバンドルするために以下の設定を使用します。 のlibフォルダの下にあるすべてのライブラリがあり、jsフォルダにバンドルされています。私は設定から​​マップを削除する場合

const Builder = require('systemjs-builder'); 
gulp.task('build-minify-angular', function() { 
    var builder = new Builder(); 
    builder.reset(); 
    builder.loader.defaultJSExtensions = true; 
    builder.config({ 
     packages: { 
      'rxjs': { 
       main: 'rxjs/rx', 
       defaultExtension: 'js' 
      } 
     }, 
     map: { 
      'myapp': "myapp/app.js", 
      '@angular/core': '@angular/core/bundles/core.umd.js', 
      '@angular/common': '@angular/common/bundles/common.umd.js', 
      '@angular/compiler': '@angular/compiler/bundles/compiler.umd.js', 
      '@angular/platform-browser': '@angular/platform-browser/bundles/platform-browser.umd.js', 
      '@angular/platform-browser-dynamic': '@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
      '@angular/http': '@angular/http/bundles/http.umd.js', 
      '@angular/router': '@angular/router/bundles/router.umd.js', 
      '@angular/forms': '@angular/forms/bundles/forms.umd.js', 
      '@ng-bootstrap/ng-bootstrap': '@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js', 
     }, 
     baseURL: 'wwwroot/lib' 
    }); 
    builder.bundle('myapp', 'wwwroot/js/bundle.js', { minify: true }); 
}); 
``` 

The app works fine if I have the following configuration. 

window.onload =() => { 
       System.config({ 
        packages: { 
         'myapp': { 
          main: 'app', defaultExtension: 'js' 
         }, 
         '': { 
          defaultExtension: 'js' 
         } 
        }, 
        map: { 
         'rxjs': '../../js/rxjs/', 
         '@@angular/core': '../../js/@@angular/core/bundles/core.umd.min.js', 
         '@@angular/common': '../../js/@@angular/common/bundles/common.umd.min.js', 
         '@@angular/compiler': '../../js/@@angular/compiler/bundles/compiler.umd.min.js', 
         '@@angular/platform-browser': '../../js/@@angular/platform-browser/bundles/platform-browser.umd.min.js', 
         '@@angular/platform-browser-dynamic': '../../js/@@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.min.js', 
         '@@angular/http': '../../js/@@angular/http/bundles/http.umd.min.js', 
         '@@angular/router': '../../js/@@angular/router/bundles/router.umd.min.js', 
         '@@angular/forms': '../../js/@@angular/forms/bundles/forms.umd.min.js', 
         '@@ng-bootstrap/ng-bootstrap': '../../js/@@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js', 
        } 
       }); 
       System.import("myapp"); 
      } 

アプリは動作しません。

私はmyappのとシングルbundle.jsファイル内のすべての角のライブラリをバンドルするsystemjs-ビルダーを期待。しかし、そうではなく、さまざまなパッケージフォルダ内のパッケージを探しています。

myappをバンドルする方法とその依存関係は1つのファイルに含まれていますか？

Answer 1

変更

builder.bundle('myapp', 'wwwroot/js/bundle.js', { minify: true }); 

は

builder.buildStatic('myapp', 'wwwroot/js/bundle.js', { minify: true }); 

は、この私は正確に同じ質問を持っているあなたは、あなたのindex.htmlページ