vue-cli-浏览器实现热更新

最常用的是webpack-dev-server，它是一个小型的Node.js Express服务器，它使用webpack-dev-middleware来服务于webpack的包。当文件变动时，它会通知浏览器自动刷新。
使用步骤：

1. 安装 webpack 和 webpack-cli

npm install --registry https://registry.npmmirror.com  --save-dev webpack webpack-cli

2. 创建或更新 webpack 配置文件
   确保你的项目根目录下有一个 webpack.config.js 文件。这个文件是 webpack 的配置文件，用于定义打包的规则和选项。如果你还没有这个文件，可以创建一个。

webpack.config.js

// webpack.config.js  
const path = require('path');  
  
module.exports = {  
  entry: './src/index.js', // 入口文件路径  
  output: {  
    filename: 'main.js', // 打包后的文件名  
    path: path.resolve(__dirname, 'dist'), // 打包后的文件存放路径  
  },  
  // 其他配置...  
};

3. 安装 webpack-dev-server

接下来，安装 webpack-dev-server。这个工具提供了一个简单的 web 服务器，并且具有实时重新加载功能：

npm install --re