自动引入插件unplugin-auto-import，以vite为例

原创已于 2023-01-12 16:57:33 修改 · 3.8k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

于 2022-07-08 16:37:52 首次发布

vue 同时被 2 个专栏收录

76 篇文章

订阅专栏

其他

7 篇文章

订阅专栏

本文介绍了如何使用unplugin-auto-import插件在Vite中配置自动导入功能，通过在vite.config.ts中引入并设置相关选项，如指定导入Vue3，生成类型声明文件。配置完成后，开发者在代码中直接使用ref、reactive、watch等无需手动import，提升了开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件地址

安装

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的声明文件
	 }),
  ],
})