如何实现 webpack 实时构建并刷新 html

要实现 Webpack 实时构建并刷新 HTML，可以通过以下几种方式：

使用 webpack-dev-server 并配置插件：

在 webpack.config.js 中配置 webpack-dev-server 相关选项，并结合一些插件如 html-webpack-plugin 来自动更新 HTML 文件。

示例配置如下：

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  //...其他配置
  devServer: {
    // 相关服务器配置
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'index.html', // 模板 HTML 文件
    }),
  ],
};

这样在开发过程中，当代码有更改时，Webpack 会自动重新构建并实时刷新浏览器中的页面，包括 HTML 的更新。