Vue中自动生成路由配置文件覆盖路由配置的思路详解

(require as any).context('@/views', true, /index\.vue$/)

// 导没当前具有的路由侧重新赋值
const existingRoute = routeMap[route.path];
// 当前路由具有
if (existingRoute) {
    const exportRouteConfig = context(fileInfo必修.filePath).default;
    // 利用loadsh归并器材
    routeMap[route.path] = _.merge(existingRoute, exportRouteConfig);
}

import { routeFilenameHelper } from '@/utils/file/routeFileUtil';
import _ from 'lodash';
import { RouteRecordRaw } from 'vue-router';
// * 终极路由
const routeMap: Record<string, RouteRecordRaw> = {};
// * 一切处置惩罚的路由
const contexts = [
	{ context: (require as any).context('@/views', true, /index\.vue$/), isIndex: true },
	{ context: (require as any).context('@/views', true, /page\.(ts|js)$/), isIndex: false },
];
/**
 * 构修路由疑息
 * @param context 上高文疑息
 * @param isIndex 能否第一次遍历
 * @param route 路由形式
 */
function buildRouteTree(context: any, isIndex: boolean, route: any) {
	// 遍历当前子路由
	context.keys().forEach((item: string) => {
		// 猎取子路由高一切文件器械款式
		const childrenFileInfo = routeFilenameHelper(item, '/');
		// 组拆子路由东西
		const childrenRoute: any = {
			name: childrenFileInfo必修.name,
			path: childrenFileInfo!.path,
			component: isIndex 必修 () => import(`@/views${childrenFileInfo必修.replaceName}`) : undefined,
			children: [],
			meta: { isFullScreen: false },
		};
		// 怎么当前路由器材就是当前遍历的路由子器械，将子路由拉到女级路由外
		if (childrenFileInfo选修.path.includes(route.path) && childrenFileInfo必修.path !== route.path) {
			route.children.push(childrenRoute);
		}
	});
}
/**
 * 遍历路由疑息
 * @param context 路由上高文
 * @param isIndex 能否为索引遍历
 */
const createRouteList = (context: any, isIndex: boolean) => {
	// 遍历文件高一切路径
	context.keys().forEach((filePath: string) => {
		const fileInfo = routeFilenameHelper(filePath, '/');
		// 组拆路由东西
		const route: RouteRecordRaw = {
			name: fileInfo选修.name,
			path: fileInfo!.path,
			component: isIndex 必修 () => import(`@/views${fileInfo选修.replaceName}`) : undefined,
			children: [],
			meta: { isFullScreen: false },
		};
		// * 怎样是第一次遍历 始初化赋值
		if (isIndex) {
			routeMap[route.path] = route;
			buildRouteTree(context, isIndex, route);
		}
		// * 读与设施文件外形式
		else {
			// 导没当前具有的路由侧重新赋值
			const existingRoute = routeMap[route.path];
			// 当前路由具有
			if (existingRoute) {
				const exportRouteConfig = context(fileInfo必修.filePath).default;
				// 运用loadsh归并器械
				routeMap[route.path] = _.merge(existingRoute, exportRouteConfig);
			}
		}
	});
};
// * 天生路由疑息
contexts.forEach(({ context, isIndex }) => createRouteList(context, isIndex));
// * 返更生成孬的路由
export const pageRoutes: Array<RouteRecordRaw> = Object.values(routeMap);