@babel/preset-typescript
babel용 typescript preset.
ts-loader vs @babel/preset-typescript
- typescript 번들링
- babel loader & @babel preset typescript vs ts loader 간단한 정리 - woowa-techcamp-2021/store-4 Wiki
- ts-loader 사용
- 장점: 강력한 타입체크
- 단점: 빌드시간이 길다. 타입에러가 있을 시 빌드가 불가하다.
- 하지만,
transplieOnly옵션을 통해 컴파일 속도를 증가시킬 수 있다. - HMR(hot module reloading 사용 불가) - https://github.com/TypeStrong/ts-loader#hot-module-replacement
- babel-loader + @babel/preset-typescript 사용
- 장점 - 빌드시간이 짧다, babel의 다양한 플러그인을 사용할 수 있다.
- 단점 - 약한 타입체크로 타입스크립트의 장점을 살리지 못한다.
See also
- babel
- typescript
- ts-loader - webpack용 typescript 로더.