From c517154a67397c19c4483348dae4bbd9ef6c6fa5 Mon Sep 17 00:00:00 2001
From: ChenX <maple6@vip.qq.com>
Date: Thu, 21 Apr 2022 19:18:24 +0800
Subject: [PATCH] =?UTF-8?q?!1881=20=E5=BC=80=E5=8F=91:React=E7=83=AD?=
 =?UTF-8?q?=E9=87=8D=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/webpack.dev.ts                        | 8 +++++++-
 config/webpack.dll.ts                        | 2 +-
 package.json                                 | 4 +++-
 src/UI/Components/Board/UpdateBoardInfos.tsx | 2 --
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/config/webpack.dev.ts b/config/webpack.dev.ts
index 88298a1de..214ea5975 100644
--- a/config/webpack.dev.ts
+++ b/config/webpack.dev.ts
@@ -2,6 +2,8 @@ import * as webpack from 'webpack';
 import { Configuration } from 'webpack';
 import { merge } from 'webpack-merge';
 import common from './webpack.common';
+//hmr
+import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 
 const config: webpack.Configuration = merge(
     common,
@@ -52,7 +54,11 @@ const config: webpack.Configuration = merge(
         },
         optimization: {
             moduleIds: "named",
-        }
+        },
+        //hmr
+        plugins: [
+            new ReactRefreshWebpackPlugin()
+        ],
     } as Configuration
 );
 
diff --git a/config/webpack.dll.ts b/config/webpack.dll.ts
index d784470f9..61afad4b2 100644
--- a/config/webpack.dll.ts
+++ b/config/webpack.dll.ts
@@ -10,8 +10,8 @@ const vendors = [
     "mobx",
     "mobx-react",
     "react",
-    "react-color",
     "react-dom",
+    "react-color",
     "react-rnd",
     "stats.js",
     "pako",
diff --git a/package.json b/package.json
index 4cf89e9a6..a2f50a768 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
         "dev2": "webpack-dev-server --config web-cad-view.config.ts",
         "buildview": "webpack --config dll.config.js &&webpack --config web-cad-view.config.ts",
         "dll": "webpack --config ./config/webpack.dll.ts",
+        "dlldev": "webpack --config ./config/webpack.dll.ts --mode=development",
         "build": "webpack --config ./config/webpack.prod.ts && ts-node ./utils/log.ts && ts-node ./utils/publish.ts",
         "api-test": "webpack --config ./config/webcadapi.umd.config.ts --display-modules",
         "api": "rollup --config ./config/api.rollup.config.js && ts-node ./utils/replace_api_file.ts",
@@ -27,6 +28,7 @@
     "author": "",
     "license": "ISC",
     "devDependencies": {
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
         "@rollup/plugin-typescript": "^8.3.2",
         "@types/blueimp-md5": "^2.18.0",
         "@types/flatbush": "^3.3.0",
@@ -59,7 +61,7 @@
         "jest-snapshot": "^27.5.1",
         "less": "^4.1.2",
         "less-loader": "10.2.0",
-        "react-hot-loader": "^4.13.0",
+        "react-refresh": "^0.12.0",
         "request": "^2.88.2",
         "request-promise-native": "^1.0.9",
         "required-loader": "^1.3.16",
diff --git a/src/UI/Components/Board/UpdateBoardInfos.tsx b/src/UI/Components/Board/UpdateBoardInfos.tsx
index 5a2b6191a..974411810 100644
--- a/src/UI/Components/Board/UpdateBoardInfos.tsx
+++ b/src/UI/Components/Board/UpdateBoardInfos.tsx
@@ -2,7 +2,6 @@ import { Button, Card, Checkbox, Classes, HTMLSelect, Intent, Position } from '@
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
-import { hot } from 'react-hot-loader/root';
 import * as xaop from 'xaop';
 import { app } from '../../../ApplicationServices/Application';
 import { EBoardKeyList } from '../../../Common/BoardKeyList';
@@ -30,7 +29,6 @@ export interface IUpdateBoardInfoModalProps
     store: UpdateBoardInfosStore;
 }
 
-@hot
 @observer
 export class UpdateBoardInfoModal extends React.Component<IUpdateBoardInfoModalProps> {
     private event: Function;