[TypeScript] 컴파일 시 세부 설정

2022. 4. 15. 17:33·TypeScript/기초
반응형

1. tsconfig.json 

기본적으로 TypeScript 프로젝트에는 tsconfig.json이 존재한다. 

여기선 ts 파일들을 js 파일로 어떻게 변환할 것인지 세부 설정이 가능하다. 

 

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
    }
}

target은 타입스크립트 파일을 어떤 버전의 자바스크립트로 바꿔줄지 정하는 부분이다. 

es5 외에도, es2016, esnext 등 원하는 자바스크립트 버전을 설정할 수 있다. 

 

module은 자바스크립트 파일간 import 문법을 구현할 때 어떤 문법을 사용할 지 정하는 곳이다. 

commonjs는 require 문법,

es2015, esnext는 import 문법을 사용한다. 

 

일반적으론 IE 호환성을 위해서 es5, commonjs가 보편적으로 사용된다. 

 

2. 추가로 넣을만한 속성

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "noImplicitAny": true,
        "strictNullChecks": true
    }
}

noImplictAny는 any라는 타입이 의도치않게 발생한 경우 에러를 띄워주는 설정이다. 

strictNullChecks는 null, undefined 타입에 이상한 조작을 할 경우 에러를 띄우는 설정이다. 

 

외에도 https://www.typescriptlang.org/tsconfig  확인할 수 있다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

'TypeScript > 기초' 카테고리의 다른 글

[TypeScript] 추가 타입  (5) 2022.04.21
[TypeScript] 기본 타입 정리  (0) 2022.04.16
[TypeScript] React에서 TypeScript 사용하기  (0) 2022.04.13
[TypeScript] 타입 선언  (2) 2022.04.08
[TypeScript] 필요한 이유  (0) 2022.04.07
'TypeScript/기초' 카테고리의 다른 글
  • [TypeScript] 추가 타입
  • [TypeScript] 기본 타입 정리
  • [TypeScript] React에서 TypeScript 사용하기
  • [TypeScript] 타입 선언
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    덤프
    식물
    ChatGPT
    자바스크립트
    바질 키우기
    네이버 부스트캠프
    ReactNative
    javascript
    리액트
    프로그래머스
    리얼클래스
    next.js
    리얼학습일기
    Babel
    webpack
    네트워크
    영어회화
    Node.js
    redux
    CCNA
    다이소
    알고리즘
    react
    타입스크립트
    영어독학
    Docker
    typescript
    바질
    타일러영어
    CSS
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[TypeScript] 컴파일 시 세부 설정
상단으로

티스토리툴바