ES2026에서는 무엇을 어떻게 임포트할지 정할 수 있습니다(import attributes)
- ES2026에 임포트 어트리뷰트 기능이 추가되어, JavaScript 외 JSON, CSS 등 다양한 파일 형식을 임포트할 수 있게 되었습니다. 📦
with
키워드를 사용하여 임포트할 파일의 타입을 지정할 수 있습니다. 예를 들어, JSON 파일을 임포트할 때 with { type: "json" }
을 사용합니다. 🔑
- 타입스크립트에서는
resolutionMode
를 통해 ESM 또는 CommonJS 방식으로 모듈을 불러올지 결정할 수 있습니다. ⚙️
destination
속성을 사용하여 동일한 주소에서 다른 콘텐츠를 가져올 수 있습니다. 예를 들어, destination: "style"
이면 CSS를, destination: "json"
이면 JSON을 가져옵니다. 🎯
- 현재는
type: "json"
을 주로 사용하지만, 앞으로 임포트 어트리뷰트를 통해 임포트 방식이 더욱 다양해질 것으로 예상됩니다. 🔮