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

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

你还可以通过 require.context() 函数来创建自己的context。

可以给这个函数传入三个参数:一个要搜索的目录,一个标记表示是否还搜索其子目录,

知识点1:

可用于模块的批量导入,类同于import引入的同一个文件夹下的多个文件

 require.context(directory,useSbdirectories=false,regExp=/^.//);

参数:1读取文件的路径,2是否遍历文件1的子目录 3匹配文件的正则表达式

返回一个函数,是该文件夹下的匹配文件的执行环境

该函数有三个属性

resolve{Function} 接受一个参数request,request为Test文件夹按下面匹配文件的相对路径

keys{Function} 返回匹配成功模块的姓名组成的数组

知识点2:

reduce(()=>{total,currentValue,currentIndex,arr},initValue)

参数1:1.执行一条数据的函数2传递给函数的初始值,可选()

函数参数

1 total  必需。初始值,或者计算结束后的返回值,如果设置初始值就用初始值,否则就返回函数的第一

第一条数据

2 currentValue 必需。当前元素

猜你喜欢

转载自blog.csdn.net/wwwkm123/article/details/110933842
今日推荐