update package

Author: MrWangJustToDo

.env

@@ -6,7 +6,7 @@ PROD_HOST=localhost
 PUBLIC_API_HOST=localhost:9000
 CRYPTO_KEY=ad$cr3efW89ypg
 SSR=true
-UI=chakra
+UI=antd
 MIDDLEWARE=false
 ANIMATE_ROUTER=false
 SERVER_ENTRY=./src/server/entry.ts

package.json

@@ -21,9 +21,9 @@
     "@emotion/styled": "^11.8.1",
     "@loadable/component": "^5.15.2",
     "@loadable/server": "^5.15.2",
-    "@mui/material": "^5.4.4",
-    "antd": "^4.18.9",
-    "axios": "^0.26.0",
+    "@mui/material": "^5.5.2",
+    "antd": "^4.19.3",
+    "axios": "^0.26.1",
     "chalk": "4",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
@@ -40,7 +40,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-helmet-async": "^1.2.3",
-    "react-intl": "^5.24.6",
+    "react-intl": "^5.24.7",
     "react-redux": "^7.2.6",
     "react-router": "6.2.2",
     "react-router-dom": "6.2.2",
@@ -53,15 +53,15 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.17.6",
-    "@babel/core": "^7.17.5",
+    "@babel/core": "^7.17.8",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-decorators": "^7.17.2",
+    "@babel/plugin-proposal-decorators": "^7.17.8",
     "@babel/plugin-proposal-export-default-from": "^7.16.7",
     "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
     "@babel/plugin-proposal-optional-chaining": "^7.16.7",
     "@babel/plugin-proposal-private-methods": "^7.16.11",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "^7.16.8",
+    "@babel/plugin-transform-modules-commonjs": "^7.17.7",
     "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
@@ -78,33 +78,33 @@
     "@types/js-cookie": "^3.0.1",
     "@types/loadable__component": "^5.13.4",
     "@types/loadable__server": "^5.12.6",
-    "@types/lodash": "^4.14.179",
+    "@types/lodash": "^4.14.180",
     "@types/multer": "^1.4.7",
-    "@types/node": "^17.0.21",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.13",
+    "@types/node": "^17.0.23",
+    "@types/react": "^17.0.42",
+    "@types/react-dom": "^17.0.14",
     "@types/react-redux": "^7.1.23",
     "@types/webpack": "^5.28.0",
     "@types/webpack-env": "^1.16.3",
     "@types/webpack-hot-middleware": "^2.25.6",
-    "@typescript-eslint/eslint-plugin": "^5.13.0",
-    "@typescript-eslint/parser": "^5.13.0",
-    "autoprefixer": "^10.4.2",
+    "@typescript-eslint/eslint-plugin": "^5.16.0",
+    "@typescript-eslint/parser": "^5.16.0",
+    "autoprefixer": "^10.4.4",
     "babel-jest": "^27.5.1",
-    "babel-loader": "^8.2.3",
+    "babel-loader": "^8.2.4",
     "babel-plugin-import": "^1.13.3",
     "clean-webpack-plugin": "^4.0.0",
     "core-js": "^3.21.1",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.0",
+    "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^3.4.1",
-    "eslint": "^8.10.0",
+    "eslint": "^8.11.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^2.5.0",
+    "eslint-import-resolver-typescript": "^2.7.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.29.3",
+    "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
@@ -114,9 +114,9 @@
     "mini-css-extract-plugin": "^2.6.0",
     "node-sass": "^7.0.1",
     "nodemon": "^2.0.15",
-    "postcss": "^8.4.7",
+    "postcss": "^8.4.12",
     "postcss-loader": "^6.2.1",
-    "prettier": "^2.5.1",
+    "prettier": "^2.6.0",
     "react-refresh": "^0.11.0",
     "sass": "^1.49.9",
     "sass-loader": "^12.6.0",
@@ -128,7 +128,7 @@
     "webpack-dev-middleware": "^5.3.1",
     "webpack-dev-server": "^4.7.4",
     "webpack-hot-middleware": "^2.25.1",
-    "webpack-manifest-plugin": "^4.1.1",
+    "webpack-manifest-plugin": "^5.0.0",
     "webpack-merge": "^5.8.0",
     "webpack-node-externals": "^3.0.0"
   }

script/compiler.js

@@ -15,6 +15,9 @@ const compilerPromise = (name, compiler, compilerConfig = {}) => {
   const dynamicRouter = compilerConfig.dynamicRouter ?? false;
   const development = compilerConfig.development ?? true;
   const dynamicFactory = new DynamicRouter(dynamicCache, name);
+  if (development && dynamicRouter) {
+    console.log(`[${name}]`, chalk.redBright("Dynamic Router enabled!, now you can create a new page under the pages folder"));
+  }
   return new Promise((resolve, reject) => {
     compiler.hooks.compile.tap(name, () => console.log(`[${name}]`, chalk.blue(`Compiling`)));
     if (dynamicRouter) {

script/dev-entry.js

@@ -10,7 +10,7 @@ const { startDevServer } = require("./startDevServer");
 const { startServerWatch } = require("./startServerWatch");
 const { config } = require("../webpack/webpack.config");
 
-const withPromise = async () => {
+const withHydrate = async () => {
   try {
     await Promise.all([freePort(process.env.DEV_PORT), freePort(process.env.WDS_PORT), new DynamicRouter().getDynamicRouter()]);
   } catch (e) {
@@ -67,7 +67,7 @@ const withMiddleWare = async () => {
   const [_, serverConfig] = multiConfig;
   const serverCompiler = webpack(serverConfig);
   const serverPromise = compilerPromise("server", serverCompiler);
-  serverCompiler.run()
+  serverCompiler.run();
   try {
     await serverPromise;
   } catch (e) {
@@ -98,6 +98,6 @@ exports.start = () => {
   if (isMiddleWareDevelop) {
     withMiddleWare();
   } else {
-    withPromise();
+    withHydrate();
   }
 };