와일드카드 임포트가 ES6에서 모듈을 동적으로 로드할 수 있습니까?

와일드카드 가져오기를 사용하여 동적으로 모듈 로드

질문:

ES6에서 여러 내보내기 가져오기 단일 파일에서 간단합니다. 그러나 모듈을 개별 파일로 구성하면 디렉터리의 모든 파일에서 가져오기가 어려워집니다. 와일드카드를 사용하여 모든 모듈을 가져오는 방법이 있습니까?

답변:

이 기능은 JavaScript 모듈 로더에서 기본적으로 지원되지 않지만 잠재적인 해결 방법이 있습니다.

대안 접근 방식:

한 가지 옵션은 디렉터리 내에 다음을 포함하는 lib/things/index.js와 같은 중간 "모듈 파일"을 만드는 것입니다.

export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';

이 파일은 다음을 수행합니다. 개별 모듈 내보내기를 위한 수집 지점 역할을 합니다. 그런 다음 이 인덱스 파일에서 필요한 모든 모듈을 가져올 수 있습니다.

import {ThingA, ThingB, ThingC} from 'lib/things';

로더 관련 구현:

특정 모듈 로더가 다음과 같은 사용자 정의 구현을 제공할 수 있다는 점은 주목할 가치가 있습니다. 와일드카드 가져오기를 지원합니다. 이 기능에 대한 특정 지원을 알아보려면 다양한 로더를 살펴보거나 해당 문서를 참조해야 할 수도 있습니다.

위 내용은 와일드카드 임포트가 ES6에서 모듈을 동적으로 로드할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!