vue3自动引入插件unplugin-auto-import/vite

插件地址

安装

npm i -D unplugin-auto-import

vite配置

// vite.config.ts
...
import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
  plugins: [
  	...
    AutoImport({ 
    	/* options */
    	// 这是vue3的配置
		imports:['vue'],
    	dts:"src/auto-import.d.ts" // 生成在src路径下名为auto-import.d.ts的声明文件
	 }),
  ],
})

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