타입스크립트_tsconfing 컴파일 세부설정
▶️ tsconfig 파일 생성하기
- tsconfing.json 파일을 생성하면, 타입스크립트 .ts 파일들을 .js로 변환할 때 어떻게 변환할 지 설정할 수 있다.
- 리액트나 뷰를 사용하면 이미 존재할 것이나, 하드코딩시엔 직접 파일을 생성하도록 하자.
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
}
}
- 그리고 json파일 안에 이렇게 복붙하도록 하자. 'target'은 타입스크립트파일을 어떤 버전의 자바스크립트로 바꿔줄지 정하는 부분이다.
- es5로 셋팅해놓으면 es5 버전 자바스크립트로 컴파일(변환) 해주며, 신버전을 원하면 es2016, esnext 이런 것도 입력할 수 있다.
▶️ 추가로 포함할만한 내용들
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"noImplicitAny": true,
"strictNullChecks": true
}
}
- noImplicitAny는 any라는 타입이 의도치않게 발생할 경우 에러를 띄워주는 설정이고,
- strictNullChecks는 null, undefined 타입에 이상한 조작하면 에러를 띄우는 설정이다.
▶️ tsconfig에 들어갈 기타 항목들
{
"compilerOptions": {
"target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능
"module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext'
"allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지
"checkJs": true, // 일반 js 파일에서도 에러체크 여부
"jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인지 'preserve', 'react-native', 'react'
"declaration": true, //컴파일시 .d.ts 파일도 자동으로 함께생성 (현재쓰는 모든 타입이 정의된 파일)
"outFile": "./", //모든 ts파일을 js파일 하나로 컴파일해줌 (module이 none, amd, system일 때만 가능)
"outDir": "./", //js파일 아웃풋 경로바꾸기
"rootDir": "./", //루트경로 바꾸기 (js 파일 아웃풋 경로에 영향줌)
"removeComments": true, //컴파일시 주석제거
"strict": true, //strict 관련, noimplicit 어쩌구 관련 모드 전부 켜기
"noImplicitAny": true, //any타입 금지 여부
"strictNullChecks": true, //null, undefined 타입에 이상한 짓 할시 에러내기
"strictFunctionTypes": true, //함수파라미터 타입체크 강하게
"strictPropertyInitialization": true, //class constructor 작성시 타입체크 강하게
"noImplicitThis": true, //this 키워드가 any 타입일 경우 에러내기
"alwaysStrict": true, //자바스크립트 "use strict" 모드 켜기
"noUnusedLocals": true, //쓰지않는 지역변수 있으면 에러내기
"noUnusedParameters": true, //쓰지않는 파라미터 있으면 에러내기
"noImplicitReturns": true, //함수에서 return 빼먹으면 에러내기
"noFallthroughCasesInSwitch": true, //switch문 이상하면 에러내기
}
}
나머지 설정들은 https://www.typescriptlang.org/tsconfig 에서 추가로 확인하도록 하자.
Author And Source
이 문제에 관하여(타입스크립트_tsconfing 컴파일 세부설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@arsshavin/타입스크립트tsconfing-컴파일-세부설정저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)