Webpack2 - как требуется изображение из HTML

Question

Webpack утверждает, что управляет зависимостями модулей, включая файлы изображений. Я понимаю, что следующий WebPack конфигурация позволяет мне требовать jpg файлов из JS/CSS:

module.exports = { 
    module: { 
    rules: [ 
     { 
     test: /\.jpg$/, 
     use: [ 'file-loader' ] 
     } 
    ] 
    } 
} 

с использованием url(/image.png) или require('./image.png'), но как бы я включил изображение из HTML-файл?

<img src="/image.png">

Я знаю, что могу использовать copy-webpack-plugin скопировать статические файлы в каталог output, но мне интересно, если есть способ требует изображения непосредственно из HTML.

Answer 1

«html-loader» выполнит это для вас по умолчанию, однако, если вы читаете это поведение со своей главной страницы index.html, вам нужно будет сделать webpack и его модулем. К счастью, html-webpack-plugin может сделать это для вас в сочетании с html-загрузчиком. https://github.com/jantimon/html-webpack-plugin