rxjs를 Angular 2로 하나의 파일로로드하는 방법은 무엇입니까?

Question

각도 2의 앱이 있습니다.

systemjs.config.js :

System.config({ 
     paths: { 
      'npm:': "libs/" 
     }, 
     map: { 
      'rxjs': "npm:rxjs" 
     } 
    }); 

구성 요소 :

import { Component, OnInit } from '@angular/core'; 
import { Observable } from 'rxjs/Observable'; 
import { Subject } from 'rxjs/Subject'; 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/operator/map'; 

@Component({ 
    selector: 'test', 
    templateUrl: './app/test.component.html' 
}) 
export class TestComponent implements OnInit { 
    constructor(...) { } 

    ngOnInit() { ... } 
} 

그리고 꿀꺽 복사는 "libs와"모든 파일을 JS 폴더로 "node_modules/을 rxjs". 나는에 systemjs.config.js을 변경하는 경우

나는 rxjs에서 약 100 요청을 브라우저 콘솔에서(merge.js, fromEvent.js, toPromise.js, ...)

를 참조하십시오

'rxjs': "npm:rxjs/bundles/Rx.min.js" 

는 그와 같은 오류를 참조하십시오

localhost/libs/rxjs/bundles/Rx.min.js/operator/toPromise.js Failed to load resource: the server responded with a status of 404 (Not Found) 

그것은 퍼포을 개선하는 데 도움이됩니까 nce 만약 node_modules/rxjs/bundles/Rx.min.js 만 사용하면됩니까?

그 단일 파일을 사용하려면 어떻게해야합니까?

Answer 1

이 SystemJS 구성은 프로젝트에서 RxJS를 사용할 때 작동해야합니다.

System.config({ 
    transpiler: 'typescript', 
    typescriptOptions: { 
    emitDecoratorMetadata: true 
    }, 
    packages: { 
    '.': { 
     defaultExtension: 'ts' 
    }, 
    'vendor': { 
     defaultExtension: 'js' 
    } 
    } 
}); 

System.config({ 
    map: { 
    'main': 'main.js', 

    /* ... */ 

    // Rxjs mapping 
    'rxjs': 'https://unpkg.com/rxjs', 
    }, 
    packages: { 
    // Thirdparty barrels. 
    'rxjs': { 
     main: 'index' 
    }, 
    } 
});