Javascript-동적으로 import 하기

1. 기존 정적인 import 방식의 단점

1. import 문에 동적 매개변수를 사용할 수 없음
   모듈 경로엔 원시 문자열만 들어갈 수 있기 때문에 함수 결괏값을 경로로 사용하는 것이 불가능 했음

import {} from getDogName(); //불가능

2.  런타임이나 조건부로 모듈을 불러올 수 없음

if(dog){
	import {} from Dog //불가능
}

{
import {} from Dog //불가능
}

2. import 표현식

//동적 import는 일반 스크립트에서도 동작
//script type="module"가 없어도 됨

//async, await
async function load() {
 const dog = await import("./Dog.js");
}

//promise
import(Dog)
	.then((result)=>console.log(result))
    .catch((err)=>console.log(err))

 

 

 

 

 

출처 : https://ko.javascript.info/modules-dynamic-imports