vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue3项目配置按需自动导入API组件unplugin-auto-import

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

总结

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

您可能感兴趣的文章:
阅读全文