JavaScript에서 ES6 모듈을 동적으로 가져오는 방법은 무엇입니까?

동적 ES6 모듈 가져오기 풀림

ES6 모듈을 동적으로 가져오려는 경우 "import" 및 "export" 선언이 허용되지 않는 제한 사항에 직면했을 수 있습니다. 파일의 최상위 수준에만 상주합니다. 이 문제를 해결하기 위해 솔루션을 살펴보겠습니다.

처음에는 System.import가 유망한 옵션이었지만 현재 상태는 여전히 불분명합니다. 다행히 ECMAScript 2020에서는 이제 babel-preset을 통해 사용할 수 있는 동적 가져오기 기능을 도입했습니다.

조건부 모듈 가져오기의 사용 사례는 다음과 같습니다.

if (condition) {
    import('something')
    .then((something) => {
       console.log(something.something);
    });
}

이 접근 방식은 해당 해결 방법과 함께 Promise를 반환합니다. 가져온 모듈이 포함되어 있습니다. 동적 가져오기 제안은 다중 동적 가져오기, 기본 가져오기 및 JavaScript 파일 가져오기와 같은 추가 기능을 제공합니다. 여기에서 동적 가져오기에 대해 자세히 알아보세요.

위 내용은 JavaScript에서 ES6 모듈을 동적으로 가져오는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!