require.context()的用法详解,vue项目中引入路由

120 阅读1分钟

require.context(directory,useSubdirectories,regExp)

  1. directory:表示检索的目录
  2. useSubdirectories:表示是否检索子文件夹
  3. regExp:匹配文件的正则表达式,一般是文件名

vue项目中的路由文件

image.png

// 引入路由文件 index.js

const context = require.context('./', true, /\.js$/)
const routes = []
context.keys().forEach((path) => {
  if (path !== './index.js') {
    routes.push(...context(path).default)
  }
})

export default routes