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

总结

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

您可能感兴趣的文章:

详解使用element-ui table组件的筛选功能的一个小坑
在element ui 框架中，对于table框架，有一个筛选功能，这篇文章主要介绍了详解使用element-ui table组件的筛选功能的一个小坑，非常具有实用价值，需要的朋友可以参考下
2018-11-11
Vue proxyTable配置多个接口地址,解决跨域的问题
这篇文章主要介绍了Vue proxyTable配置多个接口地址,解决跨域的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-09-09
VUE 配置vue-devtools调试工具及安装方法
vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。这篇文章主要介绍了VUE 配置vue-devtools调试工具及安装步骤 ,需要的朋友可以参考下
2018-09-09
Vue 使用中的小技巧
这篇文章主要介绍了Vue 使用中的小技巧,是小编日常开发的时候用到的小技巧，需要的朋友可以参考下
2018-04-04
详解Vuex的属性和作用
这篇文章主要为大家介绍了Vuex的属性和作用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12
解决vant中 tab栏遇到的坑 van-tabs
这篇文章主要介绍了解决vant中 tab栏遇到的坑 van-tabs，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
vue实现页面上传文件夹压缩后传给服务器的操作
这篇文章主要介绍了vue实现页面上传文件夹压缩后传给服务器的操作,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-09-09
vue项目使用cdn加速减少webpack打包体积
通过压缩代码的手段可减小网络传输的大小,但实际上最影响用户体验的还是网页首次打开时的加载等待,其根本原因是网络传输过程耗时较大,这篇文章主要给大家介绍了关于vue项目使用cdn加速减少webpack打包体积的相关资料,需要的朋友可以参考下
2022-08-08
关于vue中watch检测到不到对象属性的变化的解决方法
本篇文章主要介绍了关于vue中watch检测到不到对象属性的变化的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-02-02
解决iview table组件里的固定列表格不自适应的问题
这篇文章主要介绍了解决iview table组件里的固定列表格不自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11