Webpack을 사용하여 html로 이미지를 가져 오는 올바른 방법

Question

나는 React + Redux-saga + Auth0 패키지를 사용하고 있으며 Webpack을 사용하고 있습니다. 보통 나는 Gulp와 일하며 최근에 Webpack을 사용하기 시작 했으므로 Web Pack을 많이 사용하지는 않습니다.

이의 내가 이미지 Project/src/static/images/hello.jpg을하고 난 이렇게 내 응용 프로그램에 사용하고 싶은 말은하자 :

나는 dist 폴더로 해당 폴더를 컴파일 할 웹팩 어떻게 알 수 있습니까

<img src="images/hello.jpg" alt=".." /> 

• ?
• 내 .scss 파일에서 가져온 이미지에 해시 된 이름으로 컴파일 된 이미지가 있음을 발견했습니다. 따라서 이미지를 컴파일하더라도 전체 경로는 어떻게 얻을 수 있습니까?
• 나는이 문제를 Google에 시도했지만이 문제는 발견하지 못 했으므로 뭔가 잘못하고 있다고 느낍니까?

이것은 내 webpack.config.babel.js입니다.

Answer 1

분명히 나는 ​​Serve static files 옵션이있는 expressjs 서버를 사용하고 있습니다. 그래서 내가 한 코드는 내 devServer.js 파일에 다음 코드 줄을 추가하는 것입니다.