位置: IT常识 - 正文
vue3的unplugin-auto-import自动引入
编辑：rootadminvue3的unplugin-auto-import自动引入 
本文链接地址:https://www.jiuchutong.com/zhishi/298433.html
转载请保留说明！
推荐整理分享vue3的unplugin-auto-import自动引入，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
vue3日常项目中定义变量需要引入ref,reactive等等比较麻烦，可以通过unplugin-auto-import给我们自动引入
1、安装
npm i -D unplugin-auto-import
2、在vite.config.ts中引入
import AutoImport from 'unplugin-auto-import/vite'
并在plugins中配置：
export default defineConfig({
plugins: [
......
AutoImport({
imports: ['vue'],
dts: 'src/auto-import.d.ts',
})
]
}）
AutoImport中可以有很多配置项，可以到github中看详细配置：
GitHub - antfu/unplugin-auto-import: Auto import APIs on-demand for Vite, Webpack and Rollup
注：dts是帮我们生成的类型
上一篇：谷歌浏览器调试vue项目(谷歌浏览器调试窗口怎么放下面)