Vue3自动引入插件

Vue3自动引入插件

使用插件unplugin-auto-import来配置

• 通过npm配置命令来安装插件

npm i -D unplugin-auto-import

• vite的配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),
  AutoImport({
    imports: ['vue'],
    dts: "src/auto-import.d.ts"
  }),]
})

• 配置完成后，使用ref reactive watch等无须important导入可以直接使用