node_modules의 특정 패키지를 es5로 변환

Question

<p>저는 node_modules의 일부 종속성이 es5가 아닌 Angular 12(IE 호환) 프로젝트를 만들고 있습니다. </p> <p>제가 이해한 바에 따르면 <code>tsc</code>는 node_modules에 대해 어떤 처리도 하지 않고 <code>angular.json</code>에서 <code>main</code>을 검색합니다. 옵션이 평가를 시작합니다. </p> <p>이 작업을 수행하는 방법에 대한 옵션을 찾는 동안 바벨을 사용하라는 제안을 많이 보았지만 잘 모르겠습니다</p> <올> <li><p>babel과 tsc를 혼합해야 할까요? 아니면 <code>tsc</code>를 없애고 custom-webpack을 통해 babel을 사용합니까? </p> </li> <li><p>내가 이해하는 한, 모든 트랜스파일에서 트랜스파일된 코드는 출력 디렉터리로 이동하지만 node_modules의 js 파일을 트랜스파일해야 하기 때문에 이러한 파일의 출력은 원본에서 이를 대체해야 합니다. node_modules에 파일이 있나요? 우리는 이것을 어떻게 달성합니까? </p> </li>

Answer 1

tsconfig의 include에 특정 재정의를 추가할 수 있습니다.

으아악

그러나 클라이언트용으로 패키징하는 경우 일반적으로 종속성을 별도의 스크립트로 포함하지 않고 패키징 도구에서 이를 배치할 위치를 결정하게 합니다. 현재 사용하고 있는 패키징 도구가 무엇인지는 언급하지 않았지만 allowJS: true 설정했다면 Babel이 필요하지 않습니다. 예를 들어 Webpack 구성에 대한 관련 변경 사항은 다음과 같습니다.

으아악

그러나 자동 완성을 원할 경우 @babel/preset-envwith Browserslist 문자열을 사용하는 것이 가장 좋은 옵션일 것입니다.