반응 webpack 파일 로더 - 필요한 url의 변수

Question

webpack과 파일 로더 플러그인을 사용하고 있습니다. 나는이 같은 반응 구성 요소의 배경 이미지를 설정 할 싶어 :

let bgImageUrl = require(`../../images/image.jpg`); 
 
let bgStyle = {backgroundImage: 'url(' + bgImageUrl + ')'}; 
 

 
<div className="calender__item__link" style={bgStyle} ></div>

이 잘 작동합니다. 하지만이 같은 변수 bgImageUrl를 교체 할 때 :

let bgImageUrl = require(`../../images/${event.image}`);

가 더 이상 작동하지 않습니다 : "catch되지 않은 오류 : 모듈을 찾을 수 없습니다 './'에 ..."

어떤 아이디어? 'url()'을 사용하고 있기 때문에 URL 로더를 사용해야합니까?

미리 감사드립니다.

Answer 1

변수 $ {event.image}이 (가) 인 JSON을 통해로드되었습니다. 몇 가지 경우에는 문자열이 있고 다른 것은 비어 있습니다. 비어있는 것들은 오류를 던지고있다.