vue3+vite+ant-design-vue 在vue中不自动编译了，VScode中的自动保存已经设置了

vue3+vite+ant-design-vue 在vue中不自动编译了，VScode中的自动保存已经设置了，可是还是不能自动编译，为啥啊

意思是没有开启热更新吧。
可以参考下面这篇文章：https://blog.csdn.net/weixin_45369499/article/details/125158995

• 这篇文章讲的很详细，请看：vite创建vue3+ts+ant design vue项目
• 除此之外, 这篇博客: vite创建vue3+ts+ant design vue项目中的 按需加载 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• vite按需加载需要引入插件

  npm i vite-plugin-style-import -S  
  

  在vite.config.ts中配置

  import { defineConfig } from 'vite'
  import vue from '@vitejs/plugin-vue'
  import styleImport from 'vite-plugin-style-import'
  // https://vitejs.dev/config/
  export default defineConfig({
    plugins: [
      vue(),
      styleImport({
        libs: [{
          libraryName: 'ant-design-vue',
          esModule: true,
          resolveStyle: (name) => {
            return `ant-design-vue/es/${name}/style/css`;
          },
        }]
      })],
  })
  

  在App.vue文件中试用一下

  <template>
    <Button>测试</Button>
  </template>
  
  <script setup>
  // <script setup>实验性vue语法,简化了操作，
  //其实 script setup 就相当于在编译运行是把代码放到了 setup 函数中运行
  // 然后把导出的变量定义到上下文中，并包含在返回的对象中。
  // 所以我这里可以直接使用了，如果在vue2.x中还要在compoents中注册一下
  import { Button } from "ant-design-vue";
  </script>
  
  

  效果