와일드카드를 사용하면 JavaScript의 여러 파일에서 모듈 가져오기를 단순화할 수 있습니까?

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

개별 가져오기 문을 사용하여 파일에서 특정 내보내기를 가져오는 ES6의 기능에도 불구하고, 여러 파일에서 여러 번 가져오는 것은 번거로울 수 있습니다. 조직을 간소화하기 위해 개발자는 파일당 하나의 모듈을 갖는 것을 선호할 수 있습니다. 그러나 이러한 시나리오에 대한 기존 가져오기 방법은 각 모듈에 대해 별도의 문을 사용하여 자세한 가져오기를 수행하게 됩니다.

이 문제를 해결하기 위해 일부 개발자는 import 문에 와일드카드를 활용하여 해당 파일 내의 모든 파일에서 모듈을 검색할 수 있는 가상의 가능성을 고려했습니다. 지정된 디렉토리. 특히 다음과 같은 구문을 원합니다.

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

이 가상 접근 방식은 각 파일에 단일 기본 내보내기가 포함되어 있고 해당 모듈과 동일한 이름을 공유한다는 가정에 달려 있습니다. 그러나 현재로서는 ES6 모듈 시스템은 와일드카드 가져오기를 직접 지원하지 않습니다.

제안된 접근 방식은 현재 실행 불가능하지만 모듈 이름 확인이 모듈 로더에 의해 처리된다는 점은 주목할 가치가 있습니다. 따라서 향후 이러한 와일드카드 가져오기를 가능하게 하는 모듈 로더 구현이 등장할 가능성이 있습니다.

기본 제공 지원이 없는 경우 해결 방법은 중간 "모듈 파일"을 생성하는 것입니다. 예를 들어 lib/things/index.js에는 다음이 포함됩니다.

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

이 접근 방식을 사용하면 개발자가 단순화된 가져오기를 사용할 수 있습니다. 진술:

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

위 내용은 와일드카드를 사용하면 JavaScript의 여러 파일에서 모듈 가져오기를 단순화할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!