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

总结

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

您可能感兴趣的文章:

@click.native和@click的区别及说明
这篇文章主要介绍了@click.native和@click的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-08-08
vue集成openlayers加载geojson并实现点击弹窗教程
这篇文章主要为大家详细介绍了vue集成openlayers加载geojson并实现点击弹窗教程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
Vue3动态组件<component>渲染失效原因分析
在vue2中使用正常,但是迁移到Vue3中,发现组件无法渲染, 本文给大家分别展示Vue2和Vue3的代码,组件能正常在Vue2中渲染,在Vue确没有渲染出来,并通过代码示例给出了解决方法,需要的朋友可以参考下
2024-11-11
vue require.context()的用法实例详解
require.context是webpack提供的一个api,通常用于批量注册组件,下面这篇文章主要给大家介绍了关于vue require.context()用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-04-04
vue-cli webpack 引入jquery的方法
小编使用的是webpack模板在vue-cli生成的工程中引入jquery的方法，首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install，具体内容详情大家参考下本文
2018-01-01
vue3.0自定义指令（drectives)知识点总结
在本篇文章里小编给大家整体了一篇关于vue3.0自定义指令（drectives)知识点总结，有兴趣的朋友们可以学习下。
2020-12-12
Vue.js组件间的循环引用方法示例
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。下面这篇文章主要给大家介绍了关于Vue.js组件间循环引用的相关资料,文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
2017-12-12
Vue实现监听某个元素滚动,亲测有效
这篇文章主要介绍了Vue实现监听某个元素滚动,亲测有效！具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-07-07
Vue六大基本类型中的原始值响应式
原始值指的是 Boolean、Number、BigInt、String、Symbol、undefined、null 等类型的值，在 JavaScript 中，原始值是按值传递的，引用类型是按引用传递的，这意味着，如果一个函数接收了一个原始值作为参数，那么形参和实参之间是没有引用关系的，它们是完全独立的两个值
2023-01-01
vue项目中常见问题及解决方案(推荐)
这篇文章主要介绍了vue项目中常见问题及解决方案,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-10-10