uniapp vue3 vite 开启热更新

在uniApp、Vue3 和 Vite 的项目中开启热更新，可以提高开发效率，避免频繁刷新页面查看改动。以下是基本步骤：

1. **Vite配置**：首先确保你已经在`vite.config.js`文件中设置了`hot`选项。这是一个示例配置：

   import { defineConfig } from 'vite';
   export default defineConfig({
     build: {
       outDir: './dist',
     },
     server: {
       port: 3000,
       hot: true, // 开启热更新
     },
   });

2. **Vue3 Composition API**：如果你使用的是Vue3 Composition API，可以在组件内部利用`watch`函数监听数据变化，这样Vite会自动检测到并应用更改。

3. **uniApp配置**：对于uniApp项目，虽然Vite本身提供了热更新支持，但在实际部署时，你需要结合`uni-h5-vue`构建工具使用。在`config.js`中启用HBuilderX的热更新功能：

   module.exports = {
     pluginOptions: {
       hbuilderx: {
         runmode: 'h5', // 或者 'uniapp'
         unity5AutoReload: true, // 开启HBuilderX的热更新
       },
     },
   };

4. **保存重启**：每次对代码做修改后，只需保存即可触发热更新。如果Vite发现有改动，它会在浏览器中刷新页面的部分内容，而不是整个页面。