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

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

이를 해결하기 위해 번들러의 커스텀 import 기능을 활용하여 파일 확장자 인식 또는 커스텀 URL 스키마를 통해 이러한 리소스들을 효율적으로 관리하는 방법을 제시합니다. 이를 통해 재사용 가능한 컴포넌트와 로직의 결합도를 높이고, 웹 애플리케이션의 개발 편의성을 향상시킬 수 있습니다.