webpack 自动化导入文件require.context
程序员文章站
2022-07-14 20:51:57
...
const xx=require.context('要检索的相对路径',是否检索子目录,/正则匹配规则/)
xx.keys(); 匹配到的文件路径
xx.resolve('检索路径下的文件的相对路径') 返回绝对路径
xx.id 上下文模块的id
xx('匹配到的文件路径'); 和导入文件功能相同
文件中的export 导出结果为{x:xx,...}
文件中的export default 导出结果为{default:xx}
使用Object.assign(指定对象,被合并对象);可以将多个文件导出的内容合并到一起
代码示例:
const files=require.context(
'.',
false,
/.js/
);
let obj={};
files.keys().forEach((item)=>{
if(item=='./cloud.js')
{
return;
}
Object.assign(obj,files(item))
})
console.log(obj);
目录结构:
打印结果: