自动按需引入 elementplus naive

npm i unplugin-auto-import unplugin-vue-components -D

在vite.congfig.js 中配置 AutoImport

别名

alias：{ '@':path.resolve(__dirname,'./src'), 模块别名 "@login":path.resolve(__dirname,'./src/views/login'), "@categary":path.resolve(__dirname,'./src/views/categary') }

import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
      imports: [
      
        'vue',
        {
          'naive-ui': [
            'useDialog',
            'useMessage',
            'useNotification',
            'useLoadingBar'
          ]
        }
      ]
    }),
    Components({
      resolvers: [ElementPlusResolver(),NaiveUiResolver()],
    }),
  ],
  resolve:{
    alias:{
      '@':path.resolve(__dirname,'./src'),

      // 模块 路径别错
      "@login":path.resolve(__dirname,'./src/views/login'),
      "@categary":path.resolve(__dirname,'./src/views/categary')
    }
  }
}