2016-07-21 2 views
0

나는 각도이 응용 프로그램은 angular.io에서 빠른 시작을 사용하여 제작하고 난 (QuickStart guide 참조) 나는 다음과 같은 질문이 모듈 로딩 SystemJs을 사용하고 있습니다 :각도 2 모듈로드 및 수입

  1. import { Component} from '@angular/core'; 무엇 이 진술은하고 있습니까? @ angular/core를로드하고 있습니까? 아니면 @ angular/core에서 Component를로드하고 있습니까? 각도로로드되는 스크립트 태그를 포함하지 않았으므로 @ angle/core가 어떻게로드됩니까?
  2. Angular 2에서 systemJs의 용도는 무엇입니까?
  3. 내 es6 코드가 es5로 어떻게 이동합니까?
  4. systemjs도 여기에 모든 js 파일을 번들링합니까? 또는 각 모듈이 아약스를 통해로드 중입니까?
+0

3은 무엇을 의미합니까? 나는 당신이 한 언어에서 다른 언어로 어떻게 번역되고 있는지에 대한 완전한 설명을 원하지 않는다고 가정합니다. –

+0

아니요, 완전한 설명이 아닙니다. 빠른 시작에서 어떻게 진행되고 있습니까? systemjs 또는 다른 라이브러리를 통해? 자동으로 진행 되나요? 아니면 명시 적으로 변경해야합니까? – user1502901

답변

0
  1. 이것은 실제로 많이하지 않습니다. 단지 Component을 현재 파일에서 가리키고 Component이 선언 된 곳을 가리키고 있습니다.
0

1 : 파일 경로 @angular/core에서 : 그것은 현재 파일에 구성 요소 클래스를 가져 오는

2 : 시스템 JS는 더 그들에게

하면 번들의 모든 자바 스크립트 모듈을로드하는 모듈 로더 package.json 파일 에서 angular2의 종속성을 확인했습니다. 종속성으로 @angular/core 경로를 찾을 수 있습니다. 그래서 @ 각도/코어 내에서 구성 요소 클래스를 정의한다 :

성명은 import {Component} from @angular/core 말한다 : 왜 가져 자바 스크립트를 살펴하지 @angular/core의 경로를 따라 현재 파일

+0

@ Componetet을 가져올 경로를 찾기 위해 @ angular/core를 어떻게로드합니까? – user1502901

1

에 사용할 수있는 Component 클래스를 만들 타이프 스크립트에서 옮겨 졌어?

  1. '구성 요소'from '@ angular/core';

typescript에 모듈 형식으로 commonjs가있는 경우 require call로 변환합니다 (예 : typescript).

두 번째로 컴파일러에서 @ angular/core의 클래스 구성 요소 유형을 찾도록 지시합니다. 기본적으로 import의 비 상대 경로는 모두 node_modules 폴더에서 조회됩니다. 그래서 볼 것입니다 : @ 각도/핵심

에 대한

node_modules/@angular/core/index.d.ts

    실행에서 모듈 로더로 사용
  1. SystemJs합니다. 브라우저는 생산 과정에서 변환기 된 자바 스크립트 만 보게됩니다. 따라서 의존성을 찾는 위치는 systemjs.config.js에 정의되어 있습니다.

@ angular/core 용 패키지는 기본적으로 node_modules를 조사하도록 정의됩니다. 여기서도 CDN에서 종속성을로드하도록 정의 할 수 있으며 node_modules의 버전은 Typescript에서 Javascript 로의 컴파일에만 사용됩니다.

  1. Typescript 컴파일러는 ES6에서 ES5 로의 변환을 수행합니다. typescript config : tsconfig.json을 참조하십시오.

  2. SystemJs는 번들링을 수행하지 않고 실제로 번들을로드 할 수 있습니다. 자바 스크립트의 번들링은 지속적인 통합에서 수행되어야합니다. 꿀꿀 거리거나 꿀꺽 꿀꺽 마시 게.