webpack : HTML로 참조되는 모든 이미지를 자동으로 요구 (또는 복사)합니까?

Question

각도 1.x 응용 프로그램과 함께 webpack을 사용하기 시작 했으므로 해결책이 있지만 내 이미지 (빌드 디렉토리에 복사해야 함)가 필요하지는 않습니다. 자동으로 HTML을 구문 분석하고 모든 IMG가 필요합니다. 태그.

더 이상 유지 관리되지 않는 것 같지만 모듈을 찾은 것 같았습니까? https://github.com/webpack/html-loader

내 옵션이 여기에 있는지 궁금합니다.

옵션은 webpack 복사 플러그인을 사용하여 항목을 빌드 디렉토리에 복사하는 것이지만 사용하지 않는 항목은 복사 할 수 있습니다.

누구나 가지고있는 통찰력에 감사드립니다. 나는 방금 webpack으로 시작하고 있지만, 지금까지 보는 것은 꿀꺽 거리기에 다른 유형의 사고가 필요하지만 훌륭합니다.

감사의 뜻을 표합니다.

감사

Answer 1

나는 내 dev 설정에서 HTML 로더를 사용하고 있는데 내가 필요에 잘 작동합니다. 왜 이미지를 복사해야하는지 잘 모르겠지만 img가 필요하면 html-loader가이를 얻을 수 있습니다. 는 그 후 나는이 같은 URL-로더를 사용 : 이미지가 50킬로바이트보다 큰

{ 
     test: /\.(png|gif|jpe?g)$/i, 
     // if the file have ~50kb or less it's added to DOM as a data atributte, if not it's compressed as an image 
     loader: 'url?limit=50000' 
    }, 

경우 작은 i'ts 난 그냥 데이터 atributte로 DOM에하자 경우, 내 빌드 폴더에 복사 된 HTTP 요청 수를 줄입니다.

나는 당신이 어떻게 든 도움이되기를 바랍니다. Webpack은 처음에는 정말 힘들지만 어떻게 작동하는지 이해하면 결코 돌아 가지 않을 것입니다.