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

更新时间：2024年03月21日 14:45:25 作者：菜鸟茜

这篇文章主要介绍了vue3项目如何配置按需自动导入API组件unplugin-auto-import问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

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

总结

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

您可能感兴趣的文章:

Vue.js如何实现路由懒加载浅析
Vue是可以自定义指令的,最近学习过程中遇见了一个需要懒加载的功能，发现网上这方面的资料较少，所以下面这篇文章主要给大家介绍了关于Vue.js如何实现路由懒加载的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-08-08
vue 使用moment获取当前时间及一月前的时间
开发中会有要获取当前日期的需求,有的是获取到当前月份,本文就介绍了vue获取当前日期时间(moment、new Date()),文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2023-08-08
vue使用js-audio-recorder实现录音功能
这篇文章主要为大家详细介绍了vue如何使用js-audio-recorder实现录音功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2023-12-12
Vue中的v-for循环key属性注意事项小结
这篇文章主要介绍了Vue中的v-for循环key属性注意事项小结,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08
利用Dectorator分模块存储Vuex状态的实现
这篇文章主要介绍了利用Dectorator分模块存储Vuex状态的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
详解用vue-cli来搭建vue项目和webpack
本篇文章主要介绍了详解用vue-cli来搭建vue项目和webpack，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
如何巧用Vue.extend继承组件实现el-table双击可编辑(不使用v-if、v-else)
这篇文章主要给大家介绍了关于如何巧用Vue.extend继承组件实现el-table双击可编辑的相关资料,不使用v-if、v-else,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-06-06
详解Vue中如何避免滥用watch
这篇文章主要为大家详细介绍了Vue中滥用watch带来的问题以及如何解决,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2024-03-03
Vue vant-ui使用van-uploader实现头像上传功能
这篇文章主要介绍了Vue vant-ui使用van-uploader实现头像图片上传,项目中是使用有赞vant-ui框架实现的头像上传替换功能，用到了封装的图片压缩封装之后再去上传图片this.$imgUpload.imgZip(），本文通过实例代码给大家介绍的非常详细，需要的朋友参考下吧
2022-05-05
web前端vue实现插值文本和输出原始html
这篇文章主要介绍了web前端vue实现插值文本和输出原始html，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-01-01