vue3中组件,api的自动导入

1.vue3的api自动导入

安装：npm i -D unplugin-auto-import

vite.config 配置：

import AutoImport from 'unplugin-auto-import/vite'

 plugins: [
    vue(),
    AutoImport({
      imports: ['vue', 'vue-router'],
      dts: "src/auto-import.d.ts",
      eslintrc: {
        enabled: true
      }
    })
  ],

2.自定义组件的导入

安装：npm i -D unplugin-vue-components

vite.config 配置：

import Components from 'unplugin-vue-components/vite' // 按需加载自定义组件

 plugins: [
    Components({
      dts: true,
      dirs: ['src/components'], // 需自动导入自定义组件文件夹 
    })
  ],