vue3项目如何配置按需自动导入API组件unplugin-auto-import
作者:菜鸟茜
这篇文章主要介绍了vue3项目如何配置按需自动导入API组件unplugin-auto-import问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
场景应用:
避免写一大堆的import,比如关于Vue和Vue Router的
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"] }),
3、验证
将vue、vue-router等的import语句删除,项目正常启动不报错
小Tips:
这款插件是前端大神Anthony Fu写的,非常实用
有兴趣的小伙伴可以到git上看,unplugin-auto-import的git地址
https://gitcode.com/unplugin/unplugin-auto-import/overview
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。