网站做百度口碑,快速做效果图的网站叫什么,网站开发应财务如何记账,运维工程师简历前言#xff1a;项目中现有一个文件里面包含所有需要用到的组件#xff0c;如果一个个的去import#xff0c;则会非常麻烦#xff0c;现有require.context去实现#xff0c;
1、require.context
var request require.context(‘./module’, true, /.js$/) require.cont…前言项目中现有一个文件里面包含所有需要用到的组件如果一个个的去import则会非常麻烦现有require.context去实现
1、require.context
var request require.context(‘./module’, true, /.js$/) require.context()接收三个参数第一个参数是要加载的文件目录地址第二个参数是true或false表示是否需要加载子目录第三个参数是个正则表达式表示要加载哪些文件上面代码表示要加载module目录下的.js文件。 需要注意 require.context()的第一个参数不能是一个变量webpack在编译阶段无法定位目录
2、实现代码 const path require(path)const modules {}files.keys().forEach((key) {const name path.basename(key, .vue)modules[name] files(key).default || files(key)})return {components: modules}最后在文件中导入使用 export default { components:components }
