fix(ssr): beforeRenderServer before routes require (#5033)

* fix(ssr): renderServer before routes require

* chore: routes init once

* chore: format

packages/preset-built-in/src/plugins/features/ssr/templates/server.tpl

@@ -8,20 +8,12 @@ import { IServerRender } from '@umijs/types';
 import { ApplyPluginsType, createMemoryHistory{{ #DynamicImport }}, dynamic{{ /DynamicImport }} } from '{{{ RuntimePath }}}';
 import { plugin } from './plugin';
 
-// 主要为后面支持按需服务端渲染，单独用 routes 会全编译
-const routes = {{{ Routes }}};
-
-// allow user to extend routes
-plugin.applyPlugins({
-  key: 'patchRoutes',
-  type: ApplyPluginsType.event,
-  args: { routes },
-});
-
 // origin require module
 // https://github.com/webpack/webpack/issues/4175#issuecomment-342931035
 const requireFunc = typeof __webpack_require__ === "function" ? __non_webpack_require__ : require;
 
+let routes;
+
 /**
  * server render function
  * @param params
@@ -53,6 +45,39 @@ const render: IServerRender = async (params) => {
     const history = createMemoryHistory({
       initialEntries: [format(location)],
     });
+
+    /**
+     * beforeRenderServer hook, for polyfill global.*
+     */
+    await plugin.applyPlugins({
+      key: 'ssr.beforeRenderServer',
+      type: ApplyPluginsType.event,
+      args: {
+        env,
+        path,
+        context,
+        history,
+        mode,
+        location,
+      },
+      async: true,
+    });
+
+    /**
+     * routes init and patch only once
+     * beforeRenderServer must before routes init avoding require error
+     */
+    if (!routes) {
+      // 主要为后面支持按需服务端渲染，单独用 routes 会全编译
+      routes = {{{ Routes }}};
+      // allow user to extend routes
+      plugin.applyPlugins({
+        key: 'patchRoutes',
+        type: ApplyPluginsType.event,
+        args: { routes },
+      });
+    }
+
     // for renderServer
     const opts = {
       path,
@@ -75,21 +100,6 @@ const render: IServerRender = async (params) => {
       } catch (_) {}
     }
 
-    // beforeRenderServer hook, for polyfill global.*
-    await plugin.applyPlugins({
-      key: 'ssr.beforeRenderServer',
-      type: ApplyPluginsType.event,
-      args: {
-        env,
-        path,
-        context,
-        history,
-        mode,
-        location,
-      },
-      async: true,
-    });
-
     // renderServer get rootContainer
     const { pageHTML, pageInitialProps, routesMatched } = await renderServer(opts);
     rootContainer = pageHTML;