refactor: 按umi最新结构精简依赖包

精简并升级所有依赖到最新版本
暂时关闭dynamicImport，否则会引起页面渲染两次的问题
删除一些无用文件

Author: chj_damon

babel.config.js

@@ -1,12 +1,12 @@
 import { defineConfig } from 'umi';
 import AntdDayjsWebpackPlugin from 'antd-dayjs-webpack-plugin';
-import SentryWebpackPlugin from '@sentry/webpack-plugin';
 import routeConfig from './routeConfig';
 
 export default defineConfig({
   dynamicImport: {
     loading: '@/components/LoadingPage/index',
   },
+  dynamicImportSyntax: {},
   hash: true,
   outputPath: 'build',
   routes: routeConfig,
@@ -53,16 +53,6 @@ export default defineConfig({
   chunks: ['vendors', 'umi'],
   chainWebpack(config) {
     config.plugin('dayjs').use(AntdDayjsWebpackPlugin);
-    config.plugin('sentry').use(
-      new SentryWebpackPlugin({
-        url: 'http://60.12.241.84:29177/',
-        authToken: '2e322b834f5945989d35cd4065c9c2d651b25f5d9ae84911b125487f6575a36e',
-        org: 'leishu',
-        project: 'spa-template',
-        include: '.',
-        ignore: ['node_modules'],
-      }),
-    );
     config.merge({
       optimization: {
         splitChunks: {

config/config.prod.ts

@@ -3,9 +3,7 @@ import AntdDayjsWebpackPlugin from 'antd-dayjs-webpack-plugin';
 import routeConfig from './routeConfig';
 
 export default defineConfig({
-  dynamicImport: {
-    loading: '@/components/LoadingPage/index',
-  },
+  dynamicImportSyntax: {},
   hash: true,
   outputPath: 'build',
   routes: routeConfig,

config/config.ts

@@ -27,19 +27,8 @@ export default [
             component: './hotel',
             routes: [
               { path: '/hotel/hotelInfo', component: './hotel/HotelInfo', title: '酒店基本信息' },
-              {
-                path: '/hotel/hotelOtherInfo',
-                component: './hotel/HotelOtherInfo',
-                title: '酒店其他信息',
-              },
             ],
           },
-          {
-            path: '/order',
-            component: './order',
-            routes: [{ path: '/order/order', component: './order/Order', title: '订单' }],
-          },
-          { path: '/swr/user', component: './swr/user', title: '用户' },
         ],
       },
       { path: '*', component: './404' },

config/routeConfig.ts

@@ -17,18 +17,8 @@ export default {
             apiUrl: '/hotel/hotelInfo',
             description: '酒店基本信息',
           },
-          {
-            name: 'hotelOtherInfo',
-            apiUrl: '/hotel/hotelOtherInfo',
-            description: '酒店其他信息',
-          },
         ],
       },
-      {
-        name: 'hotelOrder',
-        apiUrl: '/order/order',
-        description: '酒店订单',
-      },
     ],
     code: 20000,
     message: '成功',

global.d.ts

@@ -15,7 +15,7 @@
   "scripts": {
     "nc-u": "npx npm-check --registry=http://npm.taobao.org/ -u",
     "commit": "git-cz",
-    "start": "cross-env UMI_UI=1 umi dev",
+    "start": "cross-env umi dev",
     "analyze": "cross-env UMI_ENV=prod ANALYZE=1 umi build",
     "build": "cross-env UMI_ENV=prod MOCK=none umi build",
     "test": "jest --passWithNoTests --detectOpenHandles --watch",
@@ -46,70 +46,43 @@
     ]
   },
   "dependencies": {
-    "@ant-design/icons": "^4.3.0",
-    "@ant-design/pro-form": "^1.15.1",
-    "@ant-design/pro-layout": "^6.10.9",
-    "@ant-design/pro-table": "^2.25.1",
-    "@sentry/react": "^6.0.1",
-    "@sentry/tracing": "^6.0.1",
-    "ahooks": "^2.9.4",
-    "antd": "^4.10.2",
+    "@ant-design/pro-form": "^1.18.1",
+    "@ant-design/pro-layout": "^6.5.0",
+    "@umijs/preset-react": "1.x",
     "classnames": "^2.2.6",
-    "dayjs": "^1.10.3",
-    "immer": "^8.0.0",
-    "lodash-es": "^4.17.20",
-    "lscache": "^1.3.0",
-    "normalize.css": "^8.0.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "swr": "^0.4.0",
-    "umi": "^3.3.4",
-    "use-immer": "^0.4.2"
+    "umi": "^3.4.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.12.7",
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
-    "@sentry/webpack-plugin": "^1.14.0",
+    "@commitlint/cli": "^12.0.1",
+    "@commitlint/config-conventional": "^12.0.1",
     "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.3",
-    "@testing-library/react-hooks": "^5.0.0",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/react-hooks": "^5.1.0",
     "@types/classnames": "^2.2.11",
     "@types/jest": "^26.0.20",
-    "@types/lodash-es": "^4.17.4",
-    "@types/lscache": "^1.3.0",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "@umijs/fabric": "^2.4.11",
+    "@types/react": "^17.0.3",
+    "@types/react-dom": "^17.0.2",
     "@umijs/plugin-esbuild": "^1.1.0",
-    "@umijs/preset-react": "^1.7.9",
-    "@umijs/preset-ui": "^2.2.9",
-    "antd-dayjs-webpack-plugin": "^1.0.4",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.6.3",
-    "commitizen": "^4.2.1",
+    "antd-dayjs-webpack-plugin": "^1.0.6",
+    "commitizen": "^4.2.3",
     "conventional-changelog-cli": "^2.1.0",
     "conventional-changelog-custom-config": "^0.3.1",
     "cross-env": "^7.0.3",
     "cz-customizable": "^6.3.0",
-    "eslint-plugin-react": "^7.22.0",
-    "husky": "^4.3.7",
+    "husky": "^5.1.3",
     "jest": "^26.6.3",
     "jest-fetch-mock": "^3.0.3",
-    "jest-localstorage-mock": "^2.4.6",
-    "lint-staged": "^10.5.3",
+    "jest-localstorage-mock": "^2.4.8",
+    "lint-staged": "^10.5.4",
     "pont-engine": "^1.0.13",
     "prettier": "^2.2.1",
     "react-test-renderer": "^17.0.1",
-    "regenerator-runtime": "^0.13.7",
-    "standard-version": "^9.1.0",
-    "stylelint": "^13.8.0",
-    "ts-jest": "^26.4.4",
-    "typescript": "^4.1.3",
-    "umi-plugin-page-creator": "^1.6.1"
+    "standard-version": "^9.1.1",
+    "stylelint": "^13.12.0",
+    "ts-jest": "^26.5.3",
+    "typescript": "^4.2.3"
   },
   "engines": {
     "node": ">=8.0.0"

mock/route.ts

@@ -9,7 +9,6 @@
 import request from 'umi-request';
 import type { MenuDataItem } from '@ant-design/pro-layout';
 import arrayUtils from '@/utils/array';
-import { isEmpty } from 'lodash-es';
 import { LOGIN_CONFIG } from './constant';
 
 /** 初始化数据 */
@@ -55,7 +54,7 @@ export async function getInitialState() {
  */
 function convertResourceToMenu(list: PrivilegeResource[]): MenuDataItem[] {
   return list.map((item) => {
-    if (!isEmpty(item.children)) {
+    if (item.children && item.children.length > 0) {
       return {
         name: item.description,
         key: `${item.apiUrl}`,

package.json

@@ -1,14 +1 @@
-import 'normalize.css';
-import 'dayjs/locale/zh-cn';
 import '@/api';
-
-// 在这里引入sentry
-import * as Sentry from '@sentry/react';
-import { Integrations } from '@sentry/tracing';
-
-Sentry.init({
-  dsn: 'http://[email protected]:29177/3',
-  autoSessionTracking: true,
-  integrations: [new Integrations.BrowserTracing()],
-  tracesSampleRate: 1.0,
-});

src/app.ts

@@ -42,7 +42,7 @@ export default function BasicLayout(props: IRouteComponentProps) {
           </Link>
         );
       }}
-      subMenuItemRender={(menuItemProps, defaultDom) => {
+      subMenuItemRender={(menuItemProps: any, defaultDom: any) => {
         return (
           <span>
             {menuItemProps.customIcon && (