카테고리 없음
타입스크립트 프로젝트 에러 코드 웹팩 번들 중지 되지 않는 이슈 및 해결 (loder문제)
🔧🔨🛠 블로그 이전 준비 중입니다 🔧🔨🛠
2023. 4. 5. 18:25
에러가 있는 코드엔 빌드가 중단 되고 에러 메시지가 터미널에 출력 되어야 하는데 일부 에러에서 웹팩 중단 및 에러 출력이 되지 않는 문제가 있었다.
살펴보기
로더 부분 ts 변환을 바벨 프리셋으로 설정하며 발생한 문제다.
해결
babel preset typescript 제거 후 ts-loader 추가.
웹팩 버전 업 하며, 에러가 나도 빌드 중지가 되지 않고 에러도 뜨지 않는 일이 발생했다.
자세히 보니 에러의 종류 따라 빌드 중지가 되는 에러,
빌드 중지까진 되지 않는 에러가 있었다. (빌드 중지만 안될 뿐 콜솔엔 에러 정보가 뜸.-> 컴파일 에러)
하지만 빌드한 라이브러리에 문제가 생기면 안되기에 빌드시 모든 에러와 워닝에 대해 빌드 중지와 함께 에러 부분을 즉시 확인하고 수정할 수 있도록 에러 정보를 터미널에 출력해주도록 설정을 해야했다.
찾아도 종류가 너무 많아 검색 할 때마다 나오는 플러그인들이 다 다르고.. 옛 것들이라 웹팩 5와 버전 호환이 안되는 것들도 많아 좀 헤맸다.
아니 웹팩 버전업 되면서 디폴트가 달라졌나?
왜 예전엔 작은 모든 에러에 빌드 중지가 됐는데 지금은 또 가리지…???? 웬만한 자료는 다 있을텐데 이와 관련된 자료는 아직 못찾았다…
후 이유를 알고싶다..^^
내일 확실히 테스트 해보고 업데이트 할 것
해결
바벨 프리셋은 ts를 js로 바꿔주지만, 엄격히
타입 검사까진 안 해주고 변환만 해준다. ts 검사하려면 따로 loader를 사용해야 함. 그래서 ts-loader 사용 해 해결 완료