Create-react-app: 이미지 파일 미리 로드에 대한 질문

에 만든 2017년 06월 23일 · 3코멘트 · 출처: facebook/create-react-app

가져오기를 사용하여 이미지 파일을 가져오고 있으므로 제대로 포함됩니다. 앱이 로드될 때 일부 이미지 파일을 미리 로드하려고 합니다. 파일이 다소 커서 압축한 후에도 로드하는 데 몇 초가 걸리기 때문입니다. create-react-app에 이미 이 작업을 수행할 수 있는 패키지가 있거나 사용할 권장 패키지가 있습니까?

question

출처

alleroux

가장 유용한 댓글

내장되어 있지 않고 패키지가 없는 것은 확실하지만 가져오기는 파일의 최종 경로로 확인되므로 평소와 같이 미리 로드하면 됩니다.

import logo from './logo.png';

function preloadImage(url) {
    const img = new Image();
    img.src = url;
}

preloadImage(logo);

heyimalex 에 2017년 06월 23일

👍2

모든 3 댓글

내장되어 있지 않고 패키지가 없는 것은 확실하지만 가져오기는 파일의 최종 경로로 확인되므로 평소와 같이 미리 로드하면 됩니다.

import logo from './logo.png';

function preloadImage(url) {
    const img = new Image();
    img.src = url;
}

preloadImage(logo);

heyimalex 에 2017년 06월 23일

👍2

감사 해요. 적절한 패키지를 찾을 수 없으면 그냥 할 것입니다.

alleroux 에 2017년 06월 23일

예, 권장되는 접근 방식입니다.

gaearon 에 2017년 06월 26일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

상위 폴더에서 자산 가져오기 허용

fson · 3코멘트

react-scripts/scripts/start.js의 구문 오류

Evan-GK · 3코멘트

반응 스크립트 패키지 번들

fson · 3코멘트

'npm install react-bootstrap --save' 실패

DaveLindberg · 3코멘트

TypeError on IE 11: Object doesn't support property or method 'includes'

JimmyLv · 3코멘트