>  Q&A  >  본문

javascript - webpack에서 이미지를 패킹할 때 페이지에 표시할 수 없는 문제가 있습니다. 웹사이트의 루트 디렉토리에 대해 궁금한 점이 있으신가요?

조언 좀 부탁드려요, 먼저 사진을 업로드하고 먼저 파일 디렉터리를 업로드하세요:

다음은 webpack 이미지 부분의 구성 정보입니다.

발생한 구체적인 문제는 사진을 표시할 수 없으며 브라우저 콘솔에서 사진을 찾을 수 없다는 오류를 보고한다는 것입니다. 콘솔 코드에서 이미지 경로가 http://localhost:3000/images/...인 것을 확인했습니다.
사이트 루트 디렉터리 앞에 설정된 contentBase가 /views이므로 index.html도 여기에 배치됩니다. 이때 달성하고 싶은 효과는 루트 디렉터리를 webpack 구성 파일과 동일한 수준의 디렉터리로 설정하는 것이며, 이미지도 뷰 외부에 배치됩니다. 폴더도 루트 디렉토리에 있습니다.다음으로 이미지 경로를 ./images/logo.png로 변경했는데 브라우저 페이지를 열었을 때 찾을 수 없었습니다.
이때 contentBase와 index를 차단했습니다. .html은 아직 외부에 있었지만 여전히 찾을 수 없었습니다. . .
그래서 우리는 모순에 부딪혔습니다.
루트 디렉터리 보기와 이미지가 동일한 수준에 있으면 그림이 표시되지 않습니다(내 개인적인 추측은 그림이 루트 디렉터리에 패키지되지 않은 것입니다). 그러나 contentBase를 조정할 때 , 이미지를 루트 디렉터리에 넣고 싶은데, 얻지 못했는데, 어떻게 얻는지 모르겠나요?

黄舟黄舟2663일 전746

모든 응답(2)나는 대답할 것이다

  • 伊谢尔伦

    伊谢尔伦2017-07-05 10:55:44

    으아악

    회신하다
    0
  • 为情所困

    为情所困2017-07-05 10:55:44

    publicPath 설정을 확인하세요. 일반적으로 루트 디렉터리 '/'로 설정되어 있습니다

    회신하다
    0
  • 취소회신하다