각도 2 하위 종속성을 가진 타사 공급 업체 노드 모듈을로드하는 방법 angular-cli

Question

single node module을 각도 2로로드하면 angular-cli 부트 스트랩 된 프로젝트가 위키 내에서 잘 설명됩니다. 궁금한 점이 있다면, 어떻게 angular-cli로 부트 스트랩 된 프로젝트 내에 좀 더 복잡한 노드 모듈을로드 할 수 있을까요?

예. angular2 - 아폴로는

내가

와 노드 모듈 인에게 system-config.js을 angular-cli-build.js

var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); 

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
     '...', 
     'angular2-apollo/**' 
    ] 
    }); 
}; 

에 노드 모듈을 추가 등록 ..., 아폴로 클라이언트, graphql, lodash 같은 여러 하위 의존성에 의존

const barrels: string[] = [ 
    // ... 
    // Thirdparty barrels. 
    'rxjs', 
    'angular2-apollo', 

    // App specific barrels. 
    // ... 
]; 

// ... 

// Apply the CLI SystemJS configuration. 
System.config({ 
    map: { 
    '@angular': 'vendor/@angular', 
    'rxjs': 'vendor/rxjs', 
    'angular2-apollo':'vendor/angular2-apollo/build/src', 

    'main': 'main.js', 
    }, 
    packages: cliSystemConfigPackages 
}); 

그러나 이것은 angular2-apollo 만로드합니다. angular2-apollo의 하위 종속성이로드되지 않습니다. 각도 cli 부트 스트랩 프로젝트 내에서 system.js로 하위 종속성을로드하려면 어떻게해야합니까?

Answer 1

나는 system.config.ts에서 잘못 생각하고 있다고 생각합니다. 사용자 패키지 구성은이 파일의 상단 섹션에 있어야합니다.

const map: any = { 
    'angular2-apollo': 'vendor/angular2-apollo/build' 
}; 
/** User packages configuration. */ 
const packages: any = { 
    'angular2-apollo': { main: 'main.js', defaultExtension: 'js' }, 

}; 

도움이되는지 확인해보십시오.

Answer 2

그래서, 당신은 System.js와 정말 짜증나는 문제에 직면하고 여기에 각 CLI에 그것에 대해 개방 문제가 있습니다 : https://github.com/angular/angular-cli/issues/882

그것은 기본적으로 당신이 system.config.ts 파일의 모든 종속성을 지정해야 의미는 및

어쩌면 미래에 일어날 것이다 ... 내가 아는 끔찍한 .... angular-cli-build.js 파일에 모든로드 : 각 CLI 더 나은 될 것입니다 때까지, https://github.com/angular/angular-cli/issues/909

을하지만, 여기 스타터 응용 프로그램입니다 각도 2.0 및을 포함합니다. 모두210 의존성 (심지어 함께 모의 GraphQL 서버 ..)의 IT - https://github.com/Urigo/apollo-ship

당신은 system.config.ts 거기에 angular-cli-build.js을 확인할 수 있습니다 angular2-apollo, apollo-client, lodash는 (모든 원에 종속 관계를 포함하는 방법을 볼 수 그것들의 의존성), redux 그리고 많은 것 (너무 많은 ....)