如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块。
require.context函数接受三个参数:
-
directory {String} -读取文件的路径。
-
useSubdirectories {Boolean} -是否遍历文件的子目录。
-
regExp {RegExp} -匹配文件的正则。
比如:require.context('./tools', false, /\.vue$/)
//自动引入
const toolComponents = require. context(' ./tools', false, /.vue$/)
const toolRender = tools .map(path =>{
const component = toolComponents (path);
return component.defaultll || component || {}
})