Dependency Management | Webpack

요청에 표현식이 포함된 경우 컨텍스트가 생성되므로, 컴파일 시간에 정확한 모듈을 알 수 없습니다.
예를 들어, .ejs 파일을 포함하는 다음과 같은 폴더 구조가 있습니다.
import() 또는 require() 호출이 평가될 때:
Webpack은 import() 또는 require() 호출을 분석하여 몇 가지 정보를 추출합니다.
컨텍스트 모듈이 생성됩니다. 정규 표현식과 일치하는 요청에 필요할 수 있는 해당 디렉터리의 모든 모듈에 대한 참조를 포함합니다. 컨텍스트 모듈은 요청을 모듈 id로 변환하는 맵을 포함합니다.
컨텍스트 모듈은 또한 맵에 접근하기 위한 런타임 로직도 포함합니다.
이는 동적 호출이 지원되지만, 일치하는 모든 모듈이 번들에 포함된다는 것을 의미합니다.
require.context에 대응하는 ESM 기능은 import.meta.webpackContext입니다.
import.meta.webpackContext에 전달되는 인수는 리터럴이어야 합니다!
require.context() 함수로 자신만의 컨텍스트를 만들 수 있습니다.
검색할 디렉터리, 하위 디렉터리를 검색해야 하는지 여부를 나타내는 플래그, 일치하는 파일의 정규식을 전달할 수 있습니다.
Webpack은 빌드 하는 동안 코드에서 require.context()를 구문 분석합니다.
require.context에 전달할 인수는 리터럴이어야 합니다!
컨텍스트 모듈은 하나의 인수(요청)를 가지는 함수를 export 합니다.
export된 함수는 resolve, keys, id 3가지 속성을 가집니다.
이것은 디렉터리의 모든 파일을 요청하거나 패턴과 일치시키려는 경우에 유용할 수 있습니다. 예제는 다음과 같습니다.
저작권은 OpenJS Foundation 및 webpack 기여자에게 있으며, 모든 권리는 보호됩니다. OpenJS Foundation은 등록 상표를 보유하고 있으며 상표를 사용합니다. OpenJS Foundation의 상표 목록은 Trademark Policy와 Trademark List에서 확인할 수 있습니다. OpenJS Foundation 상표 목록에 표시되지 않은 상표 및 로고는 각 소유자의 상표™ 또는 등록 상표®입니다. 이를 사용한다고 해서 해당 소유자와의 제휴 관계나 보증을 의미하지는 않습니다.
The OpenJS Foundation | Terms of Use | Privacy Policy | Bylaws | Code of Conduct | Trademark Policy | Trademark List | Cookie Policy