ES6 임포트로 런타임 종속성 해결을 달성하는 방법은 무엇입니까?

ES6 변수 가져오기: 런타임 종속성 해결 탐색

ES6에서 import 문은 외부 모듈을 로드하는 편리한 방법을 제공합니다. 그러나 정적 분석 제한으로 인해 런타임 정보를 기반으로 가져오는 것이 불가능합니다.

구체적으로 구성 값을 기반으로 조건부로 모듈을 가져오는 사용 사례를 고려하세요.

<code class="javascript">import something from './utils/' + variableName;</code>

이 접근 방식은 표준에서는 실현 가능하지 않습니다. 수입 명세서. 이 문제를 해결하려면 로더 API와 폴리필을 활용할 수 있습니다.

Loader API(Polyfilled)

로더 API는 동적 지원을 지원하는 System.import 메서드를 제공합니다. 모듈 로딩. 이를 통해 런타임에 VariableName 값을 기반으로 모듈을 가져올 수 있습니다.

<code class="javascript">System.import('./utils/' + variableName).then(function(m) {
  console.log(m);
});</code>

로더 API가 아직 ECMAScript 사양의 일부가 아니기 때문에 이 접근 방식에는 폴리필이 필요합니다.

위 내용은 ES6 임포트로 런타임 종속성 해결을 달성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!