导入----require.context()批量导入文件

最新推荐文章于 2025-05-07 19:01:00 发布

在线笔记

最新推荐文章于 2025-05-07 19:01:00 发布

阅读量420

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_45856221/article/details/128190455

本文介绍Vue项目中使用require.context()批量导入模块的方法。该函数通过指定路径、是否包含子目录及文件匹配规则来自动加载指定文件夹内的文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做vue项目的时候，常常需要导入大量的模块，此时一个一个用import导入就不适，require.context()会遍历文件夹中的文件，将对应的文件进行导入。 require.context()接收三个参数。 require.context(directory, useSubdirectories, regExp)

directory: {String} 为读取文件的路径 useSubdirectories： {Boolean} 为是否读取子文件的内容，true表示读取子文件中的文件 regExp：匹配的正则表达式

const req = require.context('./svg',false,/.\svg$/)