ES6의 디렉터리에서 여러 모듈을 어떻게 가져올 수 있나요?

여러 파일에서 ES6 모듈 가져오기

ES6에서는 import {ThingA, ThingB, ThingC} from 구문을 사용하여 파일에서 여러 내보내기를 가져올 수 있습니다. 'lib/사물';. 그러나 import ThingA from 'lib/things/ThingA' 구문을 사용하여 별도의 파일에서 동일한 내보내기를 가져올 수도 있습니다. 이는 정리 부족으로 이어질 수 있습니다.

이 문제를 해결하기 위해 와일드카드를 사용하여 디렉터리의 모든 파일에서 내보내기를 가져오려고 합니다(예: 다음에서 {ThingA, ThingB, ThingC} 가져오기). 'lib/things/*';.

가용성

안타깝게도 이 기능은 현재 지원되지 않습니다. 모듈 이름 확인은 모듈 로더에 의해 처리되며 와일드카드를 지원하는 알려진 구현은 없습니다.

해결 방법

와일드 카드 가져오기가 가능해질 때까지 실행 가능한 해결 방법은 다음 내용이 포함된 lib/things/index.js의 중간 모듈 파일:

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

이를 통해 가져올 수 있습니다. 원하는 내보내기 형식:

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

위 내용은 ES6의 디렉터리에서 여러 모듈을 어떻게 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!