require.context
注释: require.context函数接受三个参数
-
directory {String} -需要读取文件的路径
-
useSubdirectories {Boolean} -是否需要遍历文件下的子目录
-
regExp {RegExp} -匹配文件的正则
语法: require.context(directory, useSubdirectories, regExp = /^.//);
使用:const modulesFiles = require.context('./test', true, /\.js$/) ,
即是读取同层级叫test的文件夹下的文件,会返回一个回调函数,
该函数本身已经能拿到test文件夹中的文件名,是一个数组,modulesFiles.keys()即可遍历出来。
modulesFiles.keys().forEach((module_item, index) => {
console.log(
module_item,
"<<<--------------- 拿到path,例如:'./aaa.vue' "
);
console.log(
modulesFiles(module_item).default,
"<<<---------------拿到这个文件组件对象 "
);
});