JavaScript의 디렉토리에서 모든 모듈을 가져오는 방법은 무엇입니까?

와일드카드를 사용하여 디렉터리의 모든 파일에서 모듈 가져오기

ES6으로 작업할 때 단일 파일에서 여러 내보내기를 가져올 수 있습니다. 다음 구문을 사용합니다.

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

그러나 조직적 목적을 위해서는 다음이 바람직할 수 있습니다. 파일당 하나의 모듈을 갖습니다. 이로 인해 다음과 유사한 가져오기가 발생합니다.

import ThingA from 'lib/things/ThingA';
import ThingB from 'lib/things/ThingB';
import ThingC from 'lib/things/ThingC';

이상적인 시나리오는 다음과 같이 와일드카드를 사용하여 디렉터리의 모든 파일에서 모듈을 가져오는 것입니다.

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

이것은 다음과 같습니다. 각 파일에 단일 기본 내보내기를 포함하고 파일 이름과 동일하게 이름을 지정하는 규칙을 따릅니다.

와일드카드

안타깝게도 와일드카드를 사용한 모듈 가져오기는 현재 JavaScript에서 지원되지 않습니다. 모듈 이름 확인은 모듈 로더에 의해 처리되며 이 기능을 지원하는 특정 구현이 있을 수 있습니다.

대체 솔루션

와일드카드 지원이 없는 경우 다음을 수행할 수 있습니다. 다음을 포함하는 lib/things/index.js에 중간 "모듈 파일"을 만듭니다.

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

이를 통해 다음을 수행할 수 있습니다. 단일 명령문을 사용하여 원하는 모듈을 가져옵니다.

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

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