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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。