vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用:避免写一大堆的import,比如关于Vue和Vue Router的

vue3项目配置按需自动导入API组件unplugin-auto-import_第1张图片
1、安装unplugin-auto-import
npm i -D unplugin-auto-import

2、配置vite.config
import AutoImport from 'unplugin-auto-import/vite'//按需自动加载API插件
AutoImport({ imports: ["vue", "vue-router"] }),

vue3项目配置按需自动导入API组件unplugin-auto-import_第2张图片

3、验证

将vue、vue-router等的import语句删除,项目正常启动不报错

小Tips:

这款插件是前端大神Anthony Fu写的,非常实用

有兴趣的小伙伴可以到git上看,unplugin-auto-import的git地址icon-default.png?t=N7T8https://gitcode.com/unplugin/unplugin-auto-import/overview

你可能感兴趣的:(VUE,前端,vue,自动引入插件)