前端使用require.context遍历某文件夹有哪些文件

3,892 阅读1分钟

require.context

注释: require.context函数接受三个参数

  1. directory {String} -需要读取文件的路径

  2. useSubdirectories {Boolean} -是否需要遍历文件下的子目录

  3. 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,
          "<<<---------------拿到这个文件组件对象  "
        );
      });