ssr-plugin-react 5.6.22 → 5.6.26

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.6.26](https://github.com/ykfe/ssr/compare/v5.6.25...v5.6.26) (2021-09-29)
+
+**Note:** Version bump only for package ssr-plugin-react
+
+
+
+
+
+## [5.6.25](https://github.com/ykfe/ssr/compare/v5.6.24...v5.6.25) (2021-09-24)
+
+**Note:** Version bump only for package ssr-plugin-react
+
+
+
+
+
+## [5.6.24](https://github.com/ykfe/ssr/compare/v5.6.23...v5.6.24) (2021-09-23)
+
+**Note:** Version bump only for package ssr-plugin-react
+
+
+
+
+
+## [5.6.23](https://github.com/ykfe/ssr/compare/v5.6.22...v5.6.23) (2021-09-23)
+
+
+### Features
+
+* add limit plugin in server side ([11c70aa](https://github.com/ykfe/ssr/commit/11c70aa2afc49fe5b7fa51ac2c72310ec5f8548f))
+
+
+
+
+
 ## [5.6.22](https://github.com/ykfe/ssr/compare/v5.6.20...v5.6.22) (2021-09-13)
 
 

package/README.md

@@ -256,7 +256,7 @@ $ npm run start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
 
 <div style="display:flex">
 <img src="https://res.wx.qq.com/op_res/rrhdxU0o2yUdgTjwgkAgO-CSFV-lArvMYzWzxl2SuvnKkcWECv7SXswEYjk2pPcDcL43r0kz_MIp_fsxPPqQ2Q" width="300">
-<img src="https://res.wx.qq.com/op_res/lbia1Qw5Rdkh9fbMoVM2J85Z8QhPxuD1ZE5kU3GysXxslsA1FTqk4NGuiNo1e2ub7Z5l-63y7jyugQMJxl-DiA" width="300">
+<img src="https://res.wx.qq.com/op_res/vN-ex83t0SUwJWJ_2W2zTkiMcHa7jFeweuROktahorwwGJouTfPAoDeI2TLu1dloWe0oxDQ2O4GAzwqNxiqtlA" width="300">
 </div>
 
 ## 前端开发手册

package/cjs/config/base.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBaseConfig = void 0;
 const path_1 = require("path");
 const ssr_server_utils_1 = require("ssr-server-utils");
+const webpack = require("webpack");
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const WebpackBar = require('webpackbar');
 const loadModule = require.resolve;
@@ -41,7 +42,7 @@ const addBabelLoader = (chain, envOptions) => {
         .end();
 };
 const getBaseConfig = (chain, isServer) => {
-    const config = ssr_server_utils_1.loadConfig();
+    const config = (0, ssr_server_utils_1.loadConfig)();
     const { moduleFileExtensions, useHash, isDev, chainBaseConfig, corejs, babelExtraModule } = config;
     const mode = process.env.NODE_ENV;
     const envOptions = {
@@ -62,9 +63,9 @@ const getBaseConfig = (chain, isServer) => {
         .resolve
         .modules
         .add('node_modules')
-        .add(path_1.join(ssr_server_utils_1.getCwd(), './node_modules'))
+        .add((0, path_1.join)((0, ssr_server_utils_1.getCwd)(), './node_modules'))
         .when(isDev, chain => {
-        chain.add(ssr_server_utils_1.getLocalNodeModules());
+        chain.add((0, ssr_server_utils_1.getLocalNodeModules)());
     })
         .end()
         .extensions.merge(moduleFileExtensions)
@@ -72,12 +73,12 @@ const getBaseConfig = (chain, isServer) => {
         .alias
         .end();
     chain.resolve.alias
-        .set('@', ssr_server_utils_1.getFeDir())
-        .set('_build', path_1.join(ssr_server_utils_1.getCwd(), './build'))
+        .set('@', (0, ssr_server_utils_1.getFeDir)())
+        .set('_build', (0, path_1.join)((0, ssr_server_utils_1.getCwd)(), './build'))
         .set('react', loadModule('react')) // 用cwd的路径alias，否则可能会出现多个react实例
         .set('react-router', loadModule('react-router'))
         .set('react-router-dom', loadModule('react-router-dom'));
-    ssr_server_utils_1.addImageChain(chain, isServer);
+    (0, ssr_server_utils_1.addImageChain)(chain, isServer);
     const babelModule = chain.module
         .rule('compileBabel')
         .test(/\.(js|mjs|jsx|ts|tsx)$/)
@@ -98,20 +99,14 @@ const getBaseConfig = (chain, isServer) => {
     }
     addBabelLoader(babelModule, envOptions);
     addBabelLoader(babelForExtraModule, envOptions);
-    ssr_server_utils_1.setStyle(chain, /\.css$/, {
+    (0, ssr_server_utils_1.setStyle)(chain, /\.css$/, {
         rule: 'css',
-        modules: {
-            auto: true
-        },
         isServer,
         importLoaders: 1
     });
-    ssr_server_utils_1.setStyle(chain, /\.less$/, {
+    (0, ssr_server_utils_1.setStyle)(chain, /\.less$/, {
         rule: 'less',
         loader: 'less-loader',
-        modules: {
-            auto: true
-        },
         isServer,
         importLoaders: 2
     });
@@ -144,6 +139,9 @@ const getBaseConfig = (chain, isServer) => {
         name: isServer ? 'server' : 'client',
         color: isServer ? '#f173ac' : '#45b97c'
     }));
+    chain.plugin('ssrDefine').use(webpack.DefinePlugin, [{
+            __isBrowser__: !isServer
+        }]);
     chainBaseConfig(chain);
     return config;
 };

package/cjs/config/client.d.ts

@@ -1,4 +1,4 @@
-import * as webpack from 'webpack';
+/// <reference types="webpack" />
 import * as WebpackChain from 'webpack-chain';
-declare const getClientWebpack: (chain: WebpackChain) => webpack.Configuration;
+declare const getClientWebpack: (chain: WebpackChain) => import("webpack").Configuration;
 export { getClientWebpack };

package/cjs/config/client.js

@@ -4,7 +4,6 @@ exports.getClientWebpack = void 0;
 const fs_1 = require("fs");
 const path_1 = require("path");
 const ssr_server_utils_1 = require("ssr-server-utils");
-const webpack = require("webpack");
 const base_1 = require("./base");
 const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin');
 const safePostCssParser = require('postcss-safe-parser');
@@ -13,10 +12,10 @@ const generateAnalysis = Boolean(process.env.GENERATE_ANALYSIS);
 const loadModule = require.resolve;
 let asyncChunkMap = {};
 const getClientWebpack = (chain) => {
-    const { isDev, chunkName, getOutput, cwd, useHash, chainClientConfig } = ssr_server_utils_1.loadConfig();
+    const { isDev, chunkName, getOutput, cwd, useHash, chainClientConfig } = (0, ssr_server_utils_1.loadConfig)();
     const shouldUseSourceMap = isDev || process.env.GENERATE_SOURCEMAP;
-    const publicPath = ssr_server_utils_1.getOutputPublicPath();
-    base_1.getBaseConfig(chain, false);
+    const publicPath = (0, ssr_server_utils_1.getOutputPublicPath)();
+    (0, base_1.getBaseConfig)(chain, false);
     chain.devtool(isDev ? 'cheap-module-source-map' : (shouldUseSourceMap ? 'source-map' : false));
     chain.entry(chunkName)
         .add(loadModule('../entry/client-entry'))
@@ -32,7 +31,7 @@ const getClientWebpack = (chain) => {
         .splitChunks({
         chunks: 'all',
         name(module, chunks, cacheGroupKey) {
-            return ssr_server_utils_1.cryptoAsyncChunkName(chunks, asyncChunkMap);
+            return (0, ssr_server_utils_1.cryptoAsyncChunkName)(chunks, asyncChunkMap);
         },
         cacheGroups: {
             vendors: {
@@ -83,9 +82,6 @@ const getClientWebpack = (chain) => {
                 }
             }]);
     });
-    chain.plugin('define').use(webpack.DefinePlugin, [{
-            __isBrowser__: true
-        }]);
     chain.plugin('moduleNotFound').use(ModuleNotFoundPlugin, [cwd]);
     chain.plugin('manifest').use(loadModule('webpack-manifest-plugin'), [{
             fileName: 'asset-manifest.json'
@@ -100,7 +96,7 @@ const getClientWebpack = (chain) => {
                 asyncChunkMap = {};
             });
             compiler.hooks.done.tapAsync('WriteAsyncChunkManifest', async (params, callback) => {
-                await fs_1.promises.writeFile(path_1.resolve(ssr_server_utils_1.getCwd(), './build/asyncChunkMap.json'), JSON.stringify(asyncChunkMap));
+                await fs_1.promises.writeFile((0, path_1.resolve)((0, ssr_server_utils_1.getCwd)(), './build/asyncChunkMap.json'), JSON.stringify(asyncChunkMap));
                 callback();
             });
         }

package/cjs/config/server.d.ts

@@ -1,4 +1,4 @@
-import * as webpack from 'webpack';
 import * as WebpackChain from 'webpack-chain';
+import * as webpack from 'webpack';
 declare const getServerWebpack: (chain: WebpackChain) => webpack.Configuration;
 export { getServerWebpack };

package/cjs/config/server.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getServerWebpack = void 0;
 const path_1 = require("path");
-const webpack = require("webpack");
 const ssr_server_utils_1 = require("ssr-server-utils");
+const webpack = require("webpack");
 const base_1 = require("./base");
 const loadModule = require.resolve;
 const getServerWebpack = (chain) => {
-    const config = ssr_server_utils_1.loadConfig();
+    const config = (0, ssr_server_utils_1.loadConfig)();
     const { isDev, cwd, getOutput, chainServerConfig, whiteList, chunkName } = config;
-    base_1.getBaseConfig(chain, true);
+    (0, base_1.getBaseConfig)(chain, true);
     chain.devtool(isDev ? 'inline-source-map' : false);
     chain.target('node');
     chain.entry(chunkName)
@@ -19,9 +19,9 @@ const getServerWebpack = (chain) => {
         .path(getOutput().serverOutPut)
         .filename('[name].server.js')
         .libraryTarget('commonjs');
-    const modulesDir = [path_1.join(cwd, './node_modules')];
-    modulesDir.push(ssr_server_utils_1.getLocalNodeModules());
-    chain.externals(ssr_server_utils_1.nodeExternals({
+    const modulesDir = [(0, path_1.join)(cwd, './node_modules')];
+    modulesDir.push((0, ssr_server_utils_1.getLocalNodeModules)());
+    chain.externals((0, ssr_server_utils_1.nodeExternals)({
         whitelist: [/\.(css|less|sass|scss)$/, /antd.*?(style)/].concat(whiteList || []),
         // externals Dir contains example/xxx/node_modules ssr/node_modules
         modulesDir
@@ -29,8 +29,8 @@ const getServerWebpack = (chain) => {
     chain.when(isDev, () => {
         chain.watch(true);
     });
-    chain.plugin('define').use(webpack.DefinePlugin, [{
-            __isBrowser__: false
+    chain.plugin('serverLimit').use(webpack.optimize.LimitChunkCountPlugin, [{
+            maxChunks: 1
         }]);
     chainServerConfig(chain); // 合并用户自定义配置
     return chain.toConfig();

package/cjs/entry/client-entry.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clientRender = void 0;
-//@ts-nocheck
 const React = require("react");
 const ReactDOM = require("react-dom");
 const react_router_dom_1 = require("react-router-dom");
@@ -17,7 +16,7 @@ const clientRender = async () => {
         return props.children;
     };
     // 客户端渲染||hydrate
-    const routes = await ssr_client_utils_1.preloadComponent(FeRoutes, BASE_NAME);
+    const routes = await (0, ssr_client_utils_1.preloadComponent)(FeRoutes, BASE_NAME);
     ReactDOM[window.__USE_SSR__ ? 'hydrate' : 'render'](React.createElement(react_router_dom_1.BrowserRouter, { basename: BASE_NAME },
         React.createElement(context_1.AppContext, null,
             React.createElement(react_router_dom_1.Switch, null,
@@ -28,7 +27,7 @@ const clientRender = async () => {
                         const { fetch, component, path } = item;
                         component.fetch = fetch;
                         component.layoutFetch = layoutFetch;
-                        const WrappedComponent = ssr_hoc_react_1.wrapComponent(component);
+                        const WrappedComponent = (0, ssr_hoc_react_1.wrapComponent)(component);
                         return (React.createElement(react_router_dom_1.Route, { exact: true, key: path, path: path, render: () => React.createElement(WrappedComponent, { key: location.pathname }) }));
                     })))))), document.getElementById('app'));
     if (!window.__USE_VITE__) {

package/cjs/entry/context.js

@@ -26,7 +26,7 @@ function combineReducer(state, action) {
     return defaultReducer(state, action) || userReducer(state, action);
 }
 function AppContext(props) {
-    const [state, dispatch] = react_1.useReducer(combineReducer, initialState);
+    const [state, dispatch] = (0, react_1.useReducer)(combineReducer, initialState);
     return (React.createElement(create_context_1.clientContext.Provider, { value: { state, dispatch } }, props.children));
 }
 exports.AppContext = AppContext;

package/cjs/entry/create-context.js

@@ -4,11 +4,11 @@ exports.clientContext = exports.serverContext = void 0;
 const react_1 = require("react");
 // 服务端需要为每一个请求创建全新的 contetx 方式请求污染
 const serverContext = (context) => {
-    return react_1.createContext(context);
+    return (0, react_1.createContext)(context);
 };
 exports.serverContext = serverContext;
 // 客户端的 context  只需要创建一次，在页面整个生命周期内共享
-const clientContext = react_1.createContext({
+const clientContext = (0, react_1.createContext)({
     state: {}
 });
 exports.clientContext = clientContext;

package/cjs/entry/server-entry.js

@@ -17,10 +17,10 @@ const serverRender = async (ctx, config) => {
     global.window = (_a = global.window) !== null && _a !== void 0 ? _a : {}; // 防止覆盖上层应用自己定义的 window 对象
     let path = ctx.request.path; // 这里取 pathname 不能够包含 queyString
     if (BASE_NAME) {
-        path = ssr_server_utils_1.normalizePath(path);
+        path = (0, ssr_server_utils_1.normalizePath)(path);
     }
     const { window } = global;
-    const routeItem = ssr_server_utils_1.findRoute(FeRoutes, path);
+    const routeItem = (0, ssr_server_utils_1.findRoute)(FeRoutes, path);
     const viteMode = process.env.BUILD_TOOL === 'vite';
     if (!routeItem) {
         throw new Error(`
@@ -31,9 +31,9 @@ const serverRender = async (ctx, config) => {
     let dynamicCssOrder = cssOrder;
     if (dynamic && !viteMode) {
         dynamicCssOrder = cssOrder.concat([`${routeItem.webpackChunkName}.css`]);
-        dynamicCssOrder = await ssr_server_utils_1.addAsyncChunk(dynamicCssOrder, routeItem.webpackChunkName);
+        dynamicCssOrder = await (0, ssr_server_utils_1.addAsyncChunk)(dynamicCssOrder, routeItem.webpackChunkName);
     }
-    const manifest = viteMode ? {} : await ssr_server_utils_1.getManifest();
+    const manifest = viteMode ? {} : await (0, ssr_server_utils_1.getManifest)();
     const injectCss = [];
     if (viteMode) {
         injectCss.push(React.createElement("script", { src: "/@vite/client", type: "module", key: "vite-client" }));
@@ -74,7 +74,7 @@ const serverRender = async (ctx, config) => {
     const { component, fetch } = routeItem;
     const Component = component;
     if (isCsr) {
-        ssr_server_utils_1.logGreen(`Current path ${path} use csr render mode`);
+        (0, ssr_server_utils_1.logGreen)(`Current path ${path} use csr render mode`);
     }
     let layoutFetchData = {};
     let fetchData = {};
@@ -99,7 +99,7 @@ const serverRender = async (ctx, config) => {
     const injectState = isCsr ? null : React.createElement("script", { dangerouslySetInnerHTML: {
             __html: `window.__USE_SSR__=true; window.__INITIAL_DATA__ =${serialize(combineData)}`
         } });
-    const Context = create_context_1.serverContext(combineData); // 服务端需要每个请求创建新的独立的 context
+    const Context = (0, create_context_1.serverContext)(combineData); // 服务端需要每个请求创建新的独立的 context
     window.STORE_CONTEXT = Context; // 为每一个新的请求都创建一遍 context 并且覆盖 window 上的属性，使得无需通过props层层传递读取
     return (React.createElement(react_router_dom_1.StaticRouter, null,
         React.createElement(Context.Provider, { value: { state: combineData } },

package/esm/config/base.js

@@ -1,5 +1,6 @@
 import { join } from 'path';
 import { getFeDir, getCwd, loadConfig, getLocalNodeModules, setStyle, addImageChain } from 'ssr-server-utils';
+import * as webpack from 'webpack';
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const WebpackBar = require('webpackbar');
 const loadModule = require.resolve;
@@ -97,18 +98,12 @@ const getBaseConfig = (chain, isServer) => {
     addBabelLoader(babelForExtraModule, envOptions);
     setStyle(chain, /\.css$/, {
         rule: 'css',
-        modules: {
-            auto: true
-        },
         isServer,
         importLoaders: 1
     });
     setStyle(chain, /\.less$/, {
         rule: 'less',
         loader: 'less-loader',
-        modules: {
-            auto: true
-        },
         isServer,
         importLoaders: 2
     });
@@ -141,6 +136,9 @@ const getBaseConfig = (chain, isServer) => {
         name: isServer ? 'server' : 'client',
         color: isServer ? '#f173ac' : '#45b97c'
     }));
+    chain.plugin('ssrDefine').use(webpack.DefinePlugin, [{
+            __isBrowser__: !isServer
+        }]);
     chainBaseConfig(chain);
     return config;
 };

package/esm/config/client.d.ts

@@ -1,4 +1,4 @@
-import * as webpack from 'webpack';
+/// <reference types="webpack" />
 import * as WebpackChain from 'webpack-chain';
-declare const getClientWebpack: (chain: WebpackChain) => webpack.Configuration;
+declare const getClientWebpack: (chain: WebpackChain) => import("webpack").Configuration;
 export { getClientWebpack };

package/esm/config/client.js

@@ -1,7 +1,6 @@
 import { promises } from 'fs';
 import { resolve } from 'path';
 import { loadConfig, getCwd, cryptoAsyncChunkName, getOutputPublicPath } from 'ssr-server-utils';
-import * as webpack from 'webpack';
 import { getBaseConfig } from './base';
 const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin');
 const safePostCssParser = require('postcss-safe-parser');
@@ -80,9 +79,6 @@ const getClientWebpack = (chain) => {
                 }
             }]);
     });
-    chain.plugin('define').use(webpack.DefinePlugin, [{
-            __isBrowser__: true
-        }]);
     chain.plugin('moduleNotFound').use(ModuleNotFoundPlugin, [cwd]);
     chain.plugin('manifest').use(loadModule('webpack-manifest-plugin'), [{
             fileName: 'asset-manifest.json'

package/esm/config/server.d.ts

@@ -1,4 +1,4 @@
-import * as webpack from 'webpack';
 import * as WebpackChain from 'webpack-chain';
+import * as webpack from 'webpack';
 declare const getServerWebpack: (chain: WebpackChain) => webpack.Configuration;
 export { getServerWebpack };

package/esm/config/server.js

@@ -1,6 +1,6 @@
 import { join } from 'path';
-import * as webpack from 'webpack';
 import { loadConfig, getLocalNodeModules, nodeExternals } from 'ssr-server-utils';
+import * as webpack from 'webpack';
 import { getBaseConfig } from './base';
 const loadModule = require.resolve;
 const getServerWebpack = (chain) => {
@@ -26,8 +26,8 @@ const getServerWebpack = (chain) => {
     chain.when(isDev, () => {
         chain.watch(true);
     });
-    chain.plugin('define').use(webpack.DefinePlugin, [{
-            __isBrowser__: false
+    chain.plugin('serverLimit').use(webpack.optimize.LimitChunkCountPlugin, [{
+            maxChunks: 1
         }]);
     chainServerConfig(chain); // 合并用户自定义配置
     return chain.toConfig();

package/esm/entry/client-entry.js

@@ -1,4 +1,3 @@
-//@ts-nocheck
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { BrowserRouter, Route, Switch } from 'react-router-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ssr-plugin-react",
-  "version": "5.6.22",
+  "version": "5.6.26",
   "description": "plugin-react for ssr",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -53,10 +53,10 @@
     "postcss-safe-parser": "4.0.1",
     "react-dev-utils": "^11.0.4",
     "serialize-javascript": "^3.0.0",
-    "ssr-client-utils": "^5.6.13",
-    "ssr-hoc-react": "^5.6.19",
-    "ssr-server-utils": "^5.6.17",
-    "ssr-webpack": "^5.6.17",
+    "ssr-client-utils": "^5.6.26",
+    "ssr-hoc-react": "^5.6.24",
+    "ssr-server-utils": "^5.6.26",
+    "ssr-webpack": "^5.6.26",
     "terser-webpack-plugin": "^2.3.5",
     "url-loader": "1.1.1",
     "webpack-bundle-analyzer": "^3.6.1",
@@ -70,7 +70,7 @@
     "@types/react-router-dom": "^5.1.3",
     "@types/serialize-javascript": "^1.5.0",
     "@types/webpack": "^4.41.10",
-    "ssr-types-react": "^5.6.19"
+    "ssr-types-react": "^5.6.24"
   },
-  "gitHead": "22b10331bd9e7c4a1d35a42a40db2215eef8bea0"
+  "gitHead": "3824801e667480f6f0298d57b9240b629d3c0ff2"
 }

package/src/config/base.ts

@@ -3,6 +3,7 @@ import { join } from 'path'
 import { Mode } from 'ssr-types'
 import { getFeDir, getCwd, loadConfig, getLocalNodeModules, setStyle, addImageChain } from 'ssr-server-utils'
 import * as WebpackChain from 'webpack-chain'
+import * as webpack from 'webpack'
 
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const WebpackBar = require('webpackbar')
@@ -108,9 +109,6 @@ const getBaseConfig = (chain: WebpackChain, isServer: boolean) => {
 
   setStyle(chain, /\.css$/, {
     rule: 'css',
-    modules: {
-      auto: true
-    },
     isServer,
     importLoaders: 1
   })
@@ -118,9 +116,6 @@ const getBaseConfig = (chain: WebpackChain, isServer: boolean) => {
   setStyle(chain, /\.less$/, {
     rule: 'less',
     loader: 'less-loader',
-    modules: {
-      auto: true
-    },
     isServer,
     importLoaders: 2
   })
@@ -157,7 +152,9 @@ const getBaseConfig = (chain: WebpackChain, isServer: boolean) => {
     name: isServer ? 'server' : 'client',
     color: isServer ? '#f173ac' : '#45b97c'
   }))
-
+  chain.plugin('ssrDefine').use(webpack.DefinePlugin, [{
+    __isBrowser__: !isServer
+  }])
   chainBaseConfig(chain)
   return config
 }

package/src/config/client.ts

@@ -1,7 +1,6 @@
 import { promises } from 'fs'
 import { resolve } from 'path'
 import { loadConfig, getCwd, cryptoAsyncChunkName, getOutputPublicPath } from 'ssr-server-utils'
-import * as webpack from 'webpack'
 import * as WebpackChain from 'webpack-chain'
 import { getBaseConfig } from './base'
 
@@ -84,10 +83,6 @@ const getClientWebpack = (chain: WebpackChain) => {
       }])
     })
 
-  chain.plugin('define').use(webpack.DefinePlugin, [{
-    __isBrowser__: true
-  }])
-
   chain.plugin('moduleNotFound').use(ModuleNotFoundPlugin, [cwd])
 
   chain.plugin('manifest').use(loadModule('webpack-manifest-plugin'), [{

package/src/config/server.ts

@@ -1,7 +1,7 @@
 import { join } from 'path'
-import * as webpack from 'webpack'
 import { loadConfig, getLocalNodeModules, nodeExternals } from 'ssr-server-utils'
 import * as WebpackChain from 'webpack-chain'
+import * as webpack from 'webpack'
 import { getBaseConfig } from './base'
 
 const loadModule = require.resolve
@@ -33,8 +33,8 @@ const getServerWebpack = (chain: WebpackChain) => {
     chain.watch(true)
   })
 
-  chain.plugin('define').use(webpack.DefinePlugin, [{
-    __isBrowser__: false
+  chain.plugin('serverLimit').use(webpack.optimize.LimitChunkCountPlugin, [{
+    maxChunks: 1
   }])
 
   chainServerConfig(chain) // 合并用户自定义配置

package/src/entry/client-entry.tsx

@@ -1,4 +1,3 @@
-//@ts-nocheck
 import * as React from 'react'
 import * as ReactDOM from 'react-dom'
 import { BrowserRouter, Route, Switch } from 'react-router-dom'
@@ -24,22 +23,22 @@ const clientRender = async (): Promise<void> => {
     <BrowserRouter basename={BASE_NAME}>
       <AppContext>
         <Switch>
-        <IApp>
-          <Switch>
-            {
-            // 使用高阶组件wrapComponent使得csr首次进入页面以及csr/ssr切换路由时调用getInitialProps
-              routes.map((item: ReactClientESMFeRouteItem) => {
-                const { fetch, component, path } = item
-                component.fetch = fetch
-                component.layoutFetch = layoutFetch
-                const WrappedComponent = wrapComponent(component)
-                return (
-                  <Route exact={true} key={path} path={path} render={() => <WrappedComponent key={location.pathname}/>}/>
-                )
-              })
-            }
+          <IApp>
+            <Switch>
+              {
+                // 使用高阶组件wrapComponent使得csr首次进入页面以及csr/ssr切换路由时调用getInitialProps
+                routes.map((item: ReactClientESMFeRouteItem) => {
+                  const { fetch, component, path } = item
+                  component.fetch = fetch
+                  component.layoutFetch = layoutFetch
+                  const WrappedComponent = wrapComponent(component)
+                  return (
+                    <Route exact={true} key={path} path={path} render={() => <WrappedComponent key={location.pathname}/>}/>
+                  )
+                })
+              }
             </Switch>
-        </IApp>
+          </IApp>
         </Switch>
       </AppContext>
     </BrowserRouter>