Angular2 2.4 외부 라이브러리를 각도 2로 언더 코어로로드하는 방법.

Question

각도 CLI가있는 앱을 만들었으므로 밑줄과 같은 외부 라이브러리를 가져와야합니다. 나는 2.4 각도를 처음 사용하고 SystemJS 나 Webpack을 사용하지 않았다. 누군가 내 각도 2.4 프로젝트에 언더 스코어를로드하는 방법을 단계별로 안내해 줄 수 있습니까?

angular-cli로 만든 프로젝트의 github에 대한 링크는 "최신 버전"으로 밑줄 표시로 인해 매우 만족 스러울 것입니다. 코드가 좋은 읽기, ----

)에 이어 그냥 모듈을로드 2 개 대안을 찾아 내 연구에서 ------

나를 혼란하게 무엇을 설명하는 것입니다.

1. SystemJS은 - 각-CLI가 무엇을 사용하고 있나요 - 대부분의 angular.io
2. 웹팩에 설명.

어느 것이 가장 좋습니까?

//package.json "name": "angular", "version": "0.0.0", "license": "MIT", "angular-cli": {}, "scripts": { "ng": "ng", "start": "ng serve", "test": "ng test", "pree2e": "webdriver-manager update --standalone false --gecko false", "e2e": "protractor" }

CLI는 스크립트 태그에 "NG 게재"에 대한 참조를 생성한다. 해당 줄을 제거하고 webpack으로 교체해야합니까?

... 그렇다면 이미 설정 한 모든 설정을 플러스 마이너스로 설정해야합니까 아니면 내 설정을 맨 위에 추가하는 쉬운 방법입니까? 당신이 유형을 가져올 필요,

import * as _ from 'underscore'; 

let rs = _.map([1, 2, 3], function(num){ return num * 3; }); 
console.log(rs); 

Answer 1

실행 그것. 밑줄 1.6 같은

npm install --save underscore @types/underscore 

둘째 :

밑줄 이제 AMD (Require.js) 바워 및 성분뿐만 아니라 CommonJS 모듈 인 및 일반 (자바 자신을 등록)스크립트. 추함,하지만 아마도 필요한 것.

따라서 AMD 또는 CommonJS와 호환되는 모듈 로더를 사용해야합니다. SystemJS는 거의 모든 형식을로드 할 수 있으므로 SystemJS를 사용하고 tsconfig 파일에서 "commonjs"를 대상으로 지정할 수 있습니다.

당신이 systemjs.config.js에서지도를 포함해야합니다 (index.html 파일 스크립트에 포함되지 않습니다) : 실행할 명령을 제공 할 때

map: { 'underscore': 'npm:underscore/underscore.js' } 

Answer 2

그냥 다음 명령을 사용하여 npm install --save underscore @types/underscore

Answer 3

은 밑줄을 사용하기 때문에, 타이프 라이터 컴파일러에 대해 알고 : 구성 요소에 Angular CLI

npm install underscore --save // save to dependencies: required to run 
npm install @types/underscore --save-dev // save to dev dependencies: required in dev mode 

의 경우 :