В webpack 5 не загружаются изображения из pug после обновления стилей и автообновления страницы (webpack-dev-server)

Изображения в pug добавлены через require, в webpack.config через 'asset/resources'. При первой загрузке страницы все отображается правильно, если внести изменения в любой файл pug - страница обновляется корректно, картинки остаются на месте.

Но когда меняешь любую строчку в стилях - изображения из pug не отображаются и вообще пропадают из dist, остаются только фоновые картинки, которые были подгружены через стили.

Pug подгружаются с помощью pug-loader и template HtmlWebpackPlugin. Пробовала поменять лоадер на @webdiscus/pug-loader, но эта проблема не решилась.

При загрузке страниц через обычный html с html-loader такой проблемы нет.

Возможно, в dev-server есть какая-то оптимизация, чтобы не обновлять каждый раз весь проект и из-за этого не полностью обрабатываются pug. Пробовала с такими настройками (и без них).

devServer: {
    open: true,
    historyApiFallback: true,
    compress: true,
    hot: true,
    port: 8080,
},

Что можно сделать, чтобы при изменении стилей pug обновлялись корректно и картинки подтягивались через asset/resources?

Проблема решена: добавила путь к файлу стилей index.sass в entry (до этого стили добавлялись через импорт в index.js). Для автообновления страницы при изменении pug файлов в настройках devServer добавила в массив watchFiles путь './src/**/*.pug'.