动态写入配置路由

使用 require.context处理路由导出

// 创建一个context来导入page目录下所有的 index.js 文件
const modules = require.context('../page', true, /\.\/[\w-]+\/view\/index\.js$/);
let routes = [];
// 遍历 context 中的每个模块
modules.keys().forEach((key) => {
	routes.push({
	    // 组件名称
		path: key.replace(/\.(\/[\w-]+)\/view\/index\.js$/, '$1'),
		// 获取组件
		component: modules(key).default,
	});
});
// 导出路由
export default routes.filter((r) => r);

你可能感兴趣的:(项目,前端,javascript,html)