typescript 2와 함께 es6 모듈을 사용하는 방법을 이해하지 못했습니다.

Question

제발, 도와주세요, TS에서 es6 모듈을 사용하는 방법을 이해하지 못합니다. 예 :

import.class를 class1.ts로 가져 오려고합니다.

class1.ts 
import ExtClass from "./ext.class"; 
class Class1 { 
    constructor(){ 
     console.log(new ExtClass().title) 
     console.log("Work") 
    } 
} 
new Class1(); 

그것의 수출 클래스는 결과에서

ext.class.ts 
class ExtClass { 
    public title: string = "ExtClass work"; 
} 
export default ExtClass 

package.json 
{ 
    "name": "ts_def", 
    "version": "0.0.0", 
    "license": "MIT", 
    "private": true, 
    "scripts": { 
    "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ", 
    "lite": "lite-server" 
    }, 
    "dependencies": { 
    "core-js": "^2.4.1", 
    "ts-helpers": "^1.1.1" 
    }, 
    "devDependencies": { 
    "@types/jasmine": "^2.2.30", 
    "@types/node": "^6.0.42", 
    "codelyzer": "~0.0.26", 
    "ts-node": "1.2.1", 
    "tslint": "3.13.0", 
    "typescript": "2.0.2", 
    "concurrently": "^3.0.0", 
    "lite-server": "^2.2.2" 
    } 
} 
tsconfig.json 
{ 
    "compilerOptions": { 
    "declaration": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": ["es6", "dom"], 
    "mapRoot": "./", 
    "module": "es6", 
    "moduleResolution": "node", 
    "outDir": "../dist/out-tsc", 
    "sourceMap": true, 
    "target": "es6", 
    "typeRoots": [ 
     "../node_modules/@types" 
    ] 
    } 
} 

내가 CLI 및 브라우저에서 예기치 않은 토큰 수입을받을. 제발, 뭐라 잘못 했나요?

Answer 1

이제 typescript에서 es6 코드를 출력하고 있습니다. 지금은 ES5 코드로 더 이상 번역하지 않는 한 유용하지 않습니다.

일반적으로 모듈을 사용하는 방법은 코드를 ES5로 옮겨 놓고 ESX 모듈을 ESS 모듈 정의 (예 : systemjs 모듈)로 변환 한 다음 SystemJS와 같은 모듈 로더를 사용하여 런타임에로드합니다.