require.context 实现前端自动引入同一文件夹下多个文件

require.context可用于文件的批量导入,类同于import 引入同一文件夹下多个文件。

const modulesFiles = require.context("./modules", true, /\.js$/);
  • require.context(参数1, 参数2, 参数3)
    • 参数1. 读取文件的路径
    • 参数2. 是否遍历文件的子目录true或false
    • 参数3. 匹配文件的正则表达式
  • 返回是一个函数,是该文件夹下的匹配文件的执行环境,该函数有三个属性
    • resolve {Function} 接受一个参数request,request为test文件夹下面匹配文件的相对路径,返回这个匹配文件相对于整个工程的相对路径
    • keys {Function} -返回匹配成功模块的名字组成的数组
posted @ 2021-09-16 10:58  懒惰ing  阅读(402)  评论(0编辑  收藏  举报