tsconfig.json의 목적은 무엇입니까?

tsconfig.json의 목적은 무엇입니까?

Angular2 레퍼런스를 읽다가 이걸 발견했어요tsconfig.json다음 파라미터가 무엇을 의미하는지 알고 싶습니다.

{
    "compilerOptions": {
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false
    },
    "exclude": [
        "node_modules"
    ]
}

그tsconfig.json파일은 TypeScript 컴파일러(tsc)의 설정에 대응합니다.

다음 링크를 통해 다음 속성에 대한 자세한 내용을 볼 수 있습니다.

• http://www.typescriptlang.org/docs/handbook/tsconfig-json.html
• http://json.schemastore.org/tsconfig
• https://angular.io/docs/ts/latest/guide/typescript-configuration.html#!#tsconfig

힌트는 다음과 같습니다.

• target: 컴파일된 출력에 사용되는 언어
• module: 컴파일된 출력에 사용되는 모듈 매니저. systemSystemJ용입니다.commonjsCommonJS의 경우.
• module Resolution: 모듈 선언 파일을 해결하기 위해 사용되는 전략(.d.ts파일)을 클릭합니다.를 사용하여node접근법, 로딩되는 것은node_modules폴더(모듈 등)require('module-name'))
• sourceMap: 응용 프로그램 TypeScript 파일을 브라우저에서 직접 디버깅하는 소스 맵파일을 생성하거나 생성하지 않습니다.
• imageDecoratorMetadata: 소스에서 장식된 선언에 대한 설계 유형의 메타데이터를 내보내거나 내보내지 않습니다.
• experimentalDecorators: ES7 데코레이터를 실험적으로 지원하는지 여부를 지정합니다.
• remove Comments: 댓글 삭제 여부
• 암묵적모두: 유형 없이 변수/파라미터 사용을 허용하거나 허용하지 않습니다(암시적).

tsconfig.json는 이 디렉토리가 TypeScript 프로젝트의 루트임을 나타냅니다.그tsconfig.jsonfile은 프로젝트를 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정합니다.

컴파일러는 다음 구성에 따라 실행됩니다.

"target": "es5" =>는 es6에서es5로 컴파일하여 호환성이 있는 브라우저가 되도록 합니다.

"system": "system" => 모듈 코드 생성(commonjs, 'system', 'umd', 'es6' 등)을 지정합니다.

"module Resolution" : "node" => 모듈 해결 방법 결정

"sourceMap": true => 해당하는 '.map' 파일을 생성하여 프로덕션 코드에서 디버깅에 사용할 수 있도록 합니다.

"remove Comments" : false = > /*로 시작하는 오른쪽 헤더 코멘트를 제외한 모든 코멘트를 삭제합니다!

"noImplicitAny": false => 암시적인 '임의' 형식의 식 및 선언에 오류를 발생시킵니다.

"exclude" 속성이 지정된 경우 컴파일러는 제외된 파일 또는 폴더를 제외한 모든 TypeScript 파일(*.ts 또는 *.tsx)을 포함하는 디렉토리 및 하위 디렉터리에 포함합니다.

이미 많은 답변이 있습니다만, tsconfig가 필요한 이유에 대해 하나 더 추가하겠습니다.각도 도서에 따라

TypeScript는 Angular 애플리케이션 개발을 위한 주요 언어입니다.타입의 안전성과 툴링을 위한 디자인 타임 지원을 갖춘 자바스크립트의 슈퍼셋입니다.

브라우저는 TypeScript를 직접 실행할 수 없습니다.Typescript는 tsc 컴파일러를 사용하여 JavaScript로 "변환"해야 합니다.이 경우 설정이 필요합니다.

일반적으로 프로젝트에 tsconfig.json이라는 TypeScript 구성 파일을 추가하여 컴파일러가 JavaScript 파일을 생성할 때 안내합니다.

상세한 것에 대하여는, https://angular.io/guide/typescript-configuration 를 참조해 주세요.

tsconfig file은 프로젝트를 typescript 프로젝트로 나타내며 typescript 파일을 컴파일하는 방법에 대한 옵션이 포함되어 있습니다.상세한 것에 대하여는, https://www.typescriptlang.org/docs/handbook/tsconfig-json.html 사이트를 참조해 주세요.

대부분의 요점은 위에서 다루어지고 있습니다.제가 강조하고 싶은 몇 가지는 누락되어 있습니다.

tsconfig.json은 빌드 코드와 타깃 버전을 알려줍니다.

예를 들어, 실제 가동 상태가 되면 tsconfig.json의 아래 키를 참조하여 빌드를 선택합니다.

"outDir": "./dist/out-tsc", --> where to locate the build file. 

그리고 저희 브라우저는 타이프스크립트를 이해하지 못하기 때문에 어떤 타입의 js를 변환해야 하는지 브라우저로 알 수 있습니다.

즉, 우리는 코드를 타이프 스크립트로 작성하지만, 그 코드를 es5로 가져옵니다.아래 필드를 사용합니다.

  "target": "es2015",

javascript 파 를 、 javascript 파 를 를 를 를 를 를 를 를 를 를 를 、 javascript 를 를 를 를 를 를 。, 이제 js파일로 합니다.그래서 우리는 그 타이프스크립트 파일을 js 파일로 변경하는 방법이 필요합니다.에 의해 행해졌다.tsconfig.json 필요한 .★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

언급URL : https://stackoverflow.com/questions/37413533/what-is-the-purpose-of-tsconfig-json