vite热更新（vue3）

Vite是一个基于浏览器原生 ES imports 的开发服务器。它利用浏览器去解析 import，而不需要像其他打包工具那样先把代码打包再启动服务器。这样的话开发服务器就可以非常快地启动并响应，因为它不需要等待打包的过程。Vite 在开发模式下基本上不需要等待，同时在生产模式下也可以获得接近于打包工具的性能。

在使用Vite进行Vue 3开发时，可以开启热更新。具体的步骤如下：

1. 安装`@vue/cli-plugin-vite`插件：`npm install -D @vue/cli-plugin-vite`

2. 在`vue.config.js`文件中添加以下配置：

module.exports = {
  pluginOptions: {
    vite: {
      // 自定义选项
    }
  }
}

3. 在自定义选项中添加以下配置：

module.exports = {
  pluginOptions: {
    vite: {
      open: true, // 是否自动打开浏览器
      host: '0.0.0.0', // 主机名
      port: 3000, // 端口号
      https: false, // 是否使用https协议
      vueCustomBlockTransforms: {
        i18n: ({ code }) => `export default Comp => {
          Comp.i18n = ${JSON.stringify(code)}
        }`
      }, // 自定义块转换器
      cssPreprocessOptions: {
        less: {
          modifyVars: {
            // less 变量覆盖，用于自定义主题
          },
          javascriptEnabled: true
        }
      }, // css 预处理选项
      proxy: {
        // 代理配置
      },
      // 其他 Vite 配置项
    }
  }
}

4. 启动开发服务器：`vue-cli-service serve`

此时，你的Vue 3项目就可以使用Vite进行快速开发，并且支持热更新了。