Create React App에서 꺼내지 않고 `src` 디렉토리 외부의 모듈을 어떻게 가져올 수 있나요?

Create-React-App의 src 디렉토리 외부 가져오기 제한 극복

Create-React-App(CRA)은 엄격한 가져오기 규칙을 시행합니다. src 디렉터리 외부로 모듈을 가져오는 것을 방지합니다. 이러한 제한은 공용 폴더와 같은 다른 디렉토리의 파일에 액세스할 때 오류를 발생시킵니다.

ModuleScopePlugin 이해

CRA 내의 ModuleScopePlugin 플러그인은 앱 소스 코드 가져오기가 유지되도록 보장합니다. src 폴더 내에서 제한됩니다. 플러그인은 외부 모듈 액세스로부터 보호하여 격리되고 안전한 앱 환경을 보장합니다.

비추출 솔루션

공식적으로 이 제한을 우회하려면 CRA에서 "제거"해야 합니다. 기본 웹팩 구성에 직접 액세스할 수 있는 프로세스입니다. 그러나 제거하면 향후 CRA 기능 및 업데이트에 대한 액세스 권한을 잃을 위험이 있습니다.

제거하는 대신 다음 비공식 솔루션을 고려하십시오.

• 재배선: 사용 webpack 구성을 동적으로 수정하는 rewire 패키지. 이는 src 외부의 모듈 액세스를 허용하지만 플러그인 보호를 약화시키므로 권장되지 않습니다.
• react-app-alias: 이 라이브러리는 src와 유사한 추가 디렉토리를 생성합니다. ModuleScopePlugin. 이렇게 하면 보안을 유지하면서 유연성이 향상됩니다.

공용 폴더에서 가져오기 방지

공용 폴더에서 자산을 가져오는 것은 빌드에서 중복되므로 비효율적입니다. 접는 사람. 대신 에셋을 src에 저장하여 번들 크기와 로딩 효율성을 최적화하세요.

위 내용은 Create React App에서 꺼내지 않고 `src` 디렉토리 외부의 모듈을 어떻게 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!