fes.js/packages/fes-plugin-qiankun/src/main/modifyRoutes.js

import { defaultHistoryType } from '../constants';

function getMicroApp(options) {
    const { key, microAppName, masterHistoryType, base, namespace, ...normalizedRouteProps } = options;
    return `() => {
return new Promise((resolve)=>{
    import('@@/${namespace}/getMicroAppRouteComponent').then(({ getMicroAppRouteComponent })=>{
        resolve(getMicroAppRouteComponent({ key: '${key}', appName: '${microAppName}', base: '${base}', masterHistoryType: '${masterHistoryType}', routeProps: ${JSON.stringify(
        normalizedRouteProps,
    )}  }))
    })
})
}`;
}

function modifyRoutesWithAttachMode({ routes, masterHistoryType, base, namespace }) {
    const patchRoutes = (_routes) => {
        if (_routes.length) {
            _routes.forEach((route) => {
                if (route.meta && route.meta.microApp) {
                    route.component = getMicroApp({
                        key: route.path,
                        microAppName: route.meta.microApp,
                        masterHistoryType,
                        base,
                        namespace,
                    });
                }
                if (route.children?.length) {
                    modifyRoutesWithAttachMode({
                        routes: route.children,
                        masterHistoryType,
                        base,
                        namespace,
                    });
                }
            });
        }
    };

    patchRoutes(routes);

    return routes;
}

export default function modifyRoutes({ api, namespace }) {
    api.modifyRoutes((routes) => {
        const { router, base } = api.config;
        const masterHistoryType = (router && router.mode) || defaultHistoryType;

        modifyRoutesWithAttachMode({
            routes,
            masterHistoryType,
            base: base || '/',
            namespace,
        });

        return routes;
    });
}