Angular2에서 새 라이브러리를 가져 오는 방법은 무엇입니까?

Question

파일에서 json 데이터를 구문 분석하려면 RxJS-DOM 라이브러리를 사용하고 싶습니다. Angular2 응용 프로그램에이 라이브러리를 포함시키는 데 어려움이 있습니다. 먼저 RxJS-DOM을 NPM과 함께 설치했습니다. 그리고이 라이브러리를 내 서비스 파일에 import 표현식으로 가져와야합니다.

import {name} from 'path/to'

어떻게 name 및 path는 import {Injectable} from 'angular2/core' 예를 들어,에 비유하여이 라이브러리를 가져 오는 데 사용할 알 수 있습니까?

index.html에이 라이브러리를 포함해야하며 그 이유는 무엇입니까?

감사합니다.

Answer 1

일반적으로 모듈을로드하는 SystemJS입니다. 파일을 systemjs.config.js 또는 index.html에 인라인으로 구성하고 있습니다. 거기에서 패키지를 node_modules 폴더에서로드하고 등록 할 이름을 지정하는 등의 작업을 수행합니다.

Angular 2 Quickstart 프로젝트와 Angular 2의 Beta 버전을 사용하는 경우 구성은 index.html에서 이루어지며 그보다 최소한입니다. 사용할 추가 NodeJS 모듈마다 <script> 태그를 가져와야합니다. SystemJS config 경로를 사용하는 경우에는 해당되지 않습니다.

기본 경로는 TypeScript 파일에서 가져올 때 보통 node_modules 폴더입니다. 나는이 같은 JSON 파일에 읽기 각도의 Http 클래스를 활용하는 것입니다 - 당신은 당신의 node_modules 폴더에서 모듈 아니다 "로컬"파일을 가져올 경우

import {class} from './path/file'; 

---

이 JSON 문제와 관련하여 그렇게 :

interface IConfig { 
    thingEnabled: boolean; 
    otherStuff: string; 
} 

[...] 

this.http.get('./config.json') 
    .map((res: Response) => res.json()) 
    .subscribe((res: IConfig) => { 
     // do something with the already deserialized JSON here 
     console.log(res.otherStuff); 
    });