자바스크립트가 아닌 리소스 번들링 하기

이 글은 자바스크립트 모듈 외에 웹 워커, 이미지, 스타일시트, 폰트, WebAssembly 등 다양한 종류의 리소스를 자바스크립트 모듈에서 직접 참조하고 동적으로 불러오는 방법을 다룹니다. 일반적인 빌드 시스템은 코드 실행이나 문자열 분석의 한계로 인해 이러한 동적 에셋 로딩을 지원하기 어렵습니다.

이를 해결하기 위해 번들러의 커스텀 import 기능을 활용하는 방법을 소개하며, 특히 static import 문법을 재사용하여 확장자를 인식하거나 커스텀 로직을 추가하는 접근 방식을 설명합니다. 이를 통해 컴포넌트와 관련된 리소스들을 효율적으로 관리하고 로드할 수 있습니다.