이미지 자산을 퍼블릭에 저장합니까, 아니면 reactJ에 저장합니까?

이미지 자산을 퍼블릭에 저장합니까, 아니면 reactJ에 저장합니까?

저는 리액트를 응용 프로그램에 사용하고 있습니다.는 나나 a a a가 있다div이치노근데 안 보여.

src는 ★★★★★★★★★★★★★★★★★★★★myapp/src/bgimage.png완벽하게 작동하지만, 이 폴더는 다음 폴더에 포함시켜야 한다고 들었습니다.images루루 at at at at at at at at at at at at at at at.myapp/images/bgimage.png이 '어느 쪽인가', '어느 쪽인가', '어느 쪽인가', '어느 쪽인가'라는 을 합니다

../images/bgimage Import를 시도했습니다.png는 프로젝트 src/디렉토리에 속하지 않습니다.'

이미지 자산을 reactJ에 포함시키는 적절한 방법을 가르쳐 주실 수 있습니까?

public: 앱이 컴파일할 때 사용하지 않는 모든 것

src: 앱을 컴파일할 때 사용하는 모든 것

예를 들어 컴포넌트 내부에서 이미지를 사용하는 경우 src 폴더에 있어야 하지만 앱 외부에 이미지(favicon)가 있는 경우 공개해야 합니다.

"src" 폴더 내에 "자산" 폴더를 작성하는 것이 좋은 방법이라고 덧붙입니다.

/src하시는 create-react-app

---

「 」를 사용하고 create-react-app을 사용해야 ./src다음과 같은 이점이 있습니다.

1. 스크립트 및 스타일시트는 네트워크 추가 요청을 피하기 위해 최소화하고 함께 번들됩니다.
2. 파일이 누락되면 사용자에게 404개의 오류가 아닌 컴파일 오류가 발생합니다.
3. 결과 파일 이름에는 내용 해시가 포함되므로 브라우저가 이전 버전을 캐싱하는 것에 대해 걱정할 필요가 없습니다.

또, Web 팩의 어셋 번들을 사용하고 있는 경우는, 파일의/src을 사용하다

src 내부에 서브 디렉토리를 작성할 수 있습니다.신속한 재구축을 위해 src 내의 파일만 웹 팩에 의해 처리됩니다.모든 JS 및 CSS 파일을 src에 넣어야 합니다.그렇지 않으면 웹 팩에 표시되지 않습니다.

이 링크를 참조해 주세요.

아니요.

공용 폴더는 index.filer 및 ...와 같은 정적 파일용입니다.

src 폴더에 "자산" 폴더를 만들어 이 방법으로 접근해야 한다고 생각합니다.

이 기사에서 나는 다음과 같이 언급했다.

최상위 CSS, 이미지 및 글꼴 파일을 포함하는 자산 폴더를 유지합니다.

리액트 베스트 프랙티스에서는 자산 폴더를 src 내에 보관하고 있습니다.이 폴더에는 최상위 수준의 CSS, 이미지 및 글꼴파일이 포함될 수 있습니다.

create-react-app 설명서에 따르면 공용 폴더 사용에 대한 내용은 다음과 같습니다.

일반적으로 스타일시트, 이미지 및 글꼴을 JavaScript에서 가져오는 것이 좋습니다.public 폴더는 다음과 같은 일반적인 경우에 대한 회피책으로 유용합니다.

• 빌드 출력에 매니페스트와 같은 특정 이름의 파일이 필요합니다.웹매니페스트.
• 수천 개의 이미지가 있어 동적으로 경로를 참조해야 합니다.
• 번들 코드 외부에 pace.js와 같은 작은 스크립트를 포함하려고 합니다.
• 일부 라이브러리는 웹 팩과 호환되지 않을 수 있으며 태그로 포함하는 것 외에 다른 옵션이 없습니다.

다른 답변에 이어서, 'src' 폴더 아래에 'assets' 폴더를 만들고 'assets' 폴더 아래에 'images' 폴더를 생성해야 한다는 점을 덧붙입니다.이미지를 '이미지' 폴더에 저장한 후 거기에서 액세스할 수 있습니다.

내가 아는 한, 나는 더 쉬운 길로 갈 것이다.공용 폴더의 자산을 사용하는 경우 빌드 후 공용 컨텐츠가 동일하게 유지됩니다.따라서 앱을 배포하면 앱을 로드하는 동안 공용 폴더의 컨텐츠도 로드됩니다.빌드가 5MB(자산 4MB 및 src 1MB)라고 가정하면 4MB가 먼저 다운로드되고 다음으로 src가 포함됩니다.게으름과 서스펜스를 사용해도 전개 중에 앱이 느려집니다.

언급URL : https://stackoverflow.com/questions/44643041/do-i-store-image-assets-in-public-or-src-in-reactjs