vue路由模块化(require.context)

• 方法: require.context(".",true,"/.js$/")

• 解读:第一个参数目标文件夹,第二个参数是否查找子集,第三个参数匹配文件名的正则表达式

• 代码

const files = require.context(".", true, /\.js$/);
let routeArray = []
files.keys().forEach(key => {
    if (key === './index.js') return;
    const defaultList = files(key).default
    routeArray = routeArray.concat(defaultList)
})
console.log(routeArray)

home.js 代码示例

export default [{
    path: "/home",
    name: "Home",
    component: () =>
        import ("@/views/home/Home"),
    meta: {
        title: "首页"
    }
}]