D3js - Angular CLI에서 d3 스케일과 같은 미니 라이브러리를 통합하는 방법은 무엇입니까?

Question

Angular CLI에서 프로젝트에 d3js를 사용하고 있습니다. 프로젝트에 d3js를 성공적으로 통합했습니다. 내가 만들고자하는 것을 수행하기 위해서는 스케일 방법이 필요합니다. 그러나 D3js 4.0은 미니 라이브러리로 나뉘어져 있으며 각각의 프로젝트가 별도로 통합되어야하는 것처럼 보입니다. 이 같은

node_module_tree

I 가져 오기 시도 D3와 D3 규모 :

각-CLI-build.js

vendorNpmFiles: [ 
    'systemjs/dist/system-polyfills.js', 
    'systemjs/dist/system.src.js', 
    'zone.js/dist/**/*.+(js|js.map)', 
    'es6-shim/es6-shim.js', 
    'reflect-metadata/**/*.+(ts|js|js.map)', 
    'rxjs/**/*.+(js|js.map)', 
    '@angular/**/*.+(js|js.map)', 
    '@angular2-material/**/*', 
    'bootstrap/**/*', 
    'ng2-bootstrap/**/*.js', 
    'moment/moment.js', 
    'd3/**/*.js', 
    'd3-scale/**/*.js' 
] 

을 여기 NPM의 결과가 D3를 설치 볼 수 있습니다

system-config.ts

const map: any = { 
'@angular2-material': 'vendor/@angular2-material', 
'ng2-bootstrap': 'vendor/ng2-bootstrap', 
'moment': 'vendor/moment/moment.js', 
'd3': 'vendor/d3/build/d3.js', 
'd3-scale': 'vendor/d3-scale/build/d3-scale.js' 
}; 

my_component

import * as d3 from 'd3'; 
import * as d3Scale from 'd3-scale'; 

그러나 빌드 내 D3 규모는 공급 업체의 폴더에있는 경우에도, 그는 그것을 찾을 수 없습니다 실패합니다.

이러한 미니 라이브러리를 통합하는 올바른 방법입니까?

감사합니다.

Answer 1

내 문제가 발견되었습니다. 확실히 Typed는 d3js 4.0의 typings 파일을 제공하지 않지만 3.0 버전의 typings 파일은 제공하지 않습니다. 내가 가진 이유

는 그입니다 : - (D3 3.0 typings) 정의되지 않은 반환 사용할 수있는 방법 d3.scale.linear() -

그래서 빌드 도중 추락 D3 4.0 라이브러리 D3 규모 4.0 용 d.ts 파일을 제공 할 때까지 d3js 3.0으로 돌아갑니다.