Create React App에서 `src` 디렉토리 외부의 자산을 가져오는 방법은 무엇입니까?

Create-React-App에서 Src 디렉토리 외부 가져오기 제한을 처리하는 방법

Create-React-App에서 외부에서 파일 가져오기 src 디렉토리가 제한되어 있습니다. 이러한 제한은 더 나은 정리를 위해 지정된 폴더 내에 소스 파일을 유지하고 불필요한 가져오기를 방지합니다.

다음 오류 메시지가 표시되는 경우:

Module not found: You attempted to... import ../../public/images/logo/WC-BlackonWhite.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

가져오기를 시도하고 있음을 의미합니다. src 디렉토리 외부의 이미지. 여러 접근 방식으로 이 문제를 해결할 수 있습니다.

1. 자산을 Src 디렉터리로 이동

가져오기를 허용하려면 이미지 파일을 src 디렉터리로 이동하세요. 이렇게 하면 모든 필수 파일이 지정된 소스 폴더 내에 위치하게 됩니다.

2. 공용 폴더 자산에 URL 사용

공용 폴더에서 가져오는 대신 절대 또는 상대 URL을 사용하여 공용 폴더에서 이미지에 직접 액세스하세요. 이 접근 방식을 사용하면 가져오기 제한을 피하고 src 디렉터리 외부에서 자산에 액세스할 수 있습니다.

중요 참고: 공용 폴더에서 직접 가져오지 않는 것이 중요합니다. 빌드의 자산에 영향을 미치고 애플리케이션의 최적 로딩 효율성에 영향을 미칩니다. src 폴더에서 가져오면 webpack이 파일을 효과적으로 번들링하여 크기와 로딩 속도를 최적화합니다.

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