欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);

目录结构:
webpack 自动化导入文件require.context
打印结果:
webpack 自动化导入文件require.context