Использую
HTML Webpack Plugin для обработки html. Он отрабатывает, и вставляет стили и скрипты как надо, но он не обрабатывает src у картинок.
То есть он оставляет путь и имя файла, а при сборке webpack изменяет имена файлов.
мой конфиг
module.exports = {
entry: './src/scripts/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
// imgaes
{
test: /\.(png|svg|jpg|gif)$/,
use: [
'file-loader',
]
},
]
},
plugins: [
//обработка html страниц
...glob.sync('src/html/*.html')
.map(html => new HtmlWebpackPlugin({
filename: path.basename(html),
template: html
})),
]
};
Структура проекта
./src/img/ -- картинки
./src/html/*.html -- html файлы.
Возможно мой подход неверный? Подскажите, что не так