Я столкнулся с этой проблемой, когда пытался настроить конфигурацию webpack для своего проекта. Вот module.rules:
module: {
rules: [
{
test: /\.(html)$/,
use: {
loader: "html-loader"
}
},
{
test: /\.pug$/,
use: ["pug-loader"]
},
{
test: /(manifest.json)|(^old\/.+)|(\.(png|jpg|gif|woff|woff2|eot|ttf|otf|mp4|ico|svg|webp))$/,
use: [
{
loader: "file-loader",
options: {
name: "[name]-[hash].[ext]",
outputPath: "assets/files"
}
}
]
}
]
}
Итак, в моем шаблоне мопса у меня есть:
img(src="../img/myimage.png", alt="image")
Я импортирую это изображение в свой скрипт. Он отправляет файл в папку assets / files с правильным именем и хэшем, но не обновляет атрибут src в выходном HTML-файле. Остаётся так:
<img src="../img/myimage.png" alt="image">
В чем может быть проблема?