systemjs-builder를 사용하여 단일 패키지에 모든 패키지를 묶고 크기를 줄이는 방법

나는 angular2 앱을 가지고 있습니다. 다음 구성을 사용하여 앱을 묶습니다. lib 폴더 아래에있는 모든 라이브러리가 있으며 js 폴더로 묶습니다. 나는 구성에서 지도을 제거하면systemjs-builder를 사용하여 단일 패키지에 모든 패키지를 묶고 크기를 줄이는 방법

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"); 
      }

응용 프로그램은 작동하지 않습니다.

나는 하나의 bundle.js 파일에 MyApp를 모든 각도 라이브러리를 번들하는 systemjs-빌더을 기대했다. 그러나 그런 경우는 아니며 다양한 패키지 폴더에서 패키지를 찾고 있습니다.

myapp 번들을 어떻게 묶어서 하나의 파일에 포함시킬 수 있습니까?

출처

2017-02-15 wonderful world

에 포함 할 수있는 하나의 자체 실행 파일을 구축 할 예정입니다. 내 모퉁이 2 앱이 번들링없이 너무 많은 라이브러리 (대부분은 무시되지도 않음)를로드하는 것은 이상한 것처럼 보입니다. 아직 답을 찾지 못하셨습니까? –

변경

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

는

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

이 나는 정확히 같은 질문이 당신이 당신의 index.html 페이지

출처

2017-05-29 20:58:22 Steverob2k

systemjs-builder를 사용하여 단일 패키지에 모든 패키지를 묶고 크기를 줄이는 방법

답변

관련 문제