import.meta.glob() 如何导入多个目录下的资源(最新推荐)

 更新时间:2023年11月22日 11:27:10   作者:十月ooOO  
import.meta.glob() 其实不仅能接收一个字符串,还可以接收一个字符串数组,就是匹配多个位置,本文给大家介绍import.meta.glob() 如何导入多个目录下的资源,感兴趣的朋友一起看看吧

import.meta.glob() 如何导入多个目录下的资源

刚开始用 vite,在做动态路由的时候遇到了这个问题,看到其它教程上都是只引用了一个目录层级的内容,比如这样:

let RouterModules = import.meta.glob("/src/view/*/*.vue")

那么如果我的目录是这样的,而我需要将这个目录下所有 .vue 都加载进来,如何实现呢?

在这里插入图片描述

答案

import.meta.glob() 其实不仅能接收一个字符串,还可以接收一个字符串数组,就是匹配多个位置。

我的就可以写成这样

let RouterModules = import.meta.glob(["/src/view/*/*.vue", "/src/view/*.vue"]);

到此这篇关于import.meta.glob() 如何导入多个目录下的资源(最新推荐)的文章就介绍到这了,更多相关import.meta.glob()导入资源内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue消息提示this.$message方法使用解读

    Vue消息提示this.$message方法使用解读

    这篇文章主要介绍了Vue消息提示this.$message方法使用,具有很好的参考价值,希望对大家有所帮助,
    2023-09-09
  • 详解input组合事件如何监听输入中文

    详解input组合事件如何监听输入中文

    这篇文章主要为大家介绍了input组合事件如何监听输入中文示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • Vue+express+Socket实现聊天功能

    Vue+express+Socket实现聊天功能

    这篇文章主要为大家详细介绍了Vue+express+Socket实现聊天功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • Nuxt3+ElementPlus构建打包部署全过程

    Nuxt3+ElementPlus构建打包部署全过程

    网上大部分关于Nuxt打包部署教程可谓是可以用五花八门来形容,这对于第一次接触的朋友简直是无从下手,这篇文章主要给大家介绍了关于Nuxt3+ElementPlus构建打包部署的相关资料,需要的朋友可以参考下
    2023-01-01
  • VUE零基础入门axios的使用

    VUE零基础入门axios的使用

    这篇文章主要介绍了axios在Vue项目中用来向后台发送请求(调接口API),获取响应信息的方法,axios 是一个轻量的 HTTP客户端,基于 XMLHttpRequest 服务来执行 HTTP 请求,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • Vue实现时间轴功能

    Vue实现时间轴功能

    这篇文章主要为大家详细介绍了Vue实现时间轴功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • 关于配置babel-plugin-import报错的坑及解决

    关于配置babel-plugin-import报错的坑及解决

    这篇文章主要介绍了关于配置babel-plugin-import报错的坑及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • Vue3组合式API中使用forwardRef()函数

    Vue3组合式API中使用forwardRef()函数

    本文主要介绍了Vue3组合式API中使用forwardRef()函数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • Vue多页面配置打包性能优化方式(解决加载包太大加载慢问题)

    Vue多页面配置打包性能优化方式(解决加载包太大加载慢问题)

    这篇文章主要介绍了Vue多页面配置打包性能优化方式(解决加载包太大加载慢问题),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • 浅析vue 函数配置项watch及函数 $watch 源码分享

    浅析vue 函数配置项watch及函数 $watch 源码分享

    这篇文章主要介绍了vue 函数配置项watch及函数 $watch 源码分享 ,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11

最新评论