当我保存更改时，为什么'webpack服务‘命令不刷新html页面？

const webpack = require('webpack');

module.exports = {
// ... 其他配置 ...
devServer: {
hot: true, // 启用HMR
},
plugins: [
// ... 其他插件 ...
new webpack.HotModuleReplacementPlugin(), // 添加HMR插件
],
};

module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:8080', // WebpackDevServer host and port
'webpack/hot/only-dev-server', // "only" prevents reload on syntax errors
'./src/index.js', // 你的应用入口文件
],
// ... 其他配置 ...
};

const path = require('path');
const webpack = require('webpack');

module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/only-dev-server',
'./src/index.js',
],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
devServer: {
contentBase: path.resolve(__dirname, 'dist'),
hot: true,
port: 8080,
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
],
module: {
rules: [
// ... 你的加载器配置 ...
],
},
};

npm install webpack webpack-dev-server --save-dev