vue require.context自动化导入

 

语法: require.context(directory, useSubdirectories = false, regExp = /^.//);

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

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

3. regExp {RegExp} -匹配文件的正则

// 实现自动化导入。
const context = require.context('./', true, /\.js$/)
// console.log(context);
console.log(context.keys()); //["./index.js", "./loading/index.js", "./tabBar/index.js"]
const res = {}
context.keys().forEach(filePath => {
  if (filePath === './index.js') return
  let key = filePath.match(/\/(.*)\//)[1]
  let value = context(filePath).default
  res[key] = value

})
export default res