Если вам нужен весь код, просто скажите, вот код devServer:
devServer: {
static: path.resolve(__dirname, 'dist'),
port: 3000,
open: true,
hot: true
}
Логи в браузере показывают при изменении html что оно обновлено, но по факту нет, только после перезагрузки страницы:
[webpack-dev-server] App updated. Recompiling...
index.js:485 [webpack-dev-server] App hot update...
log.js:39 [HMR] Checking for updates on the server...
log.js:39 [HMR] Nothing hot updated.
log.js:39 [HMR] App is up to date.
Логи в терминале тоже показывают что приложение обновилось, в документации написано что для такого поведения нужен
hot: 'only'
, однако у меня стоит
hot: true
Я использую HtmlWebpackPlugin, выглядит следующим образом:
plugins: [
new HtmlWebpackPlugin({
title: 'Development',
filename: 'index.html',
template: path.resolve(__dirname, '..', 'src/views', 'index.html'),
chunks: ['index']
}),
],
Мне нужно добиться изменения html, css без ручной перезагрузки страницы. Скрипты работают как нужно, я думал дело в кеше, поставил
cache: false
, почистил кеш в браузере - не помогло очевидно.
P.S:
Нашёл вот какие-то
html-loader, css-loader