From 009d49e5b5cf7f7568e4b17961aa11b36d589a90 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 3 Jun 2021 15:00:26 +0800
Subject: build: Good bye babel!

---
 FrontEnd/webpack.config.dev.js | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

(limited to 'FrontEnd/webpack.config.dev.js')

diff --git a/FrontEnd/webpack.config.dev.js b/FrontEnd/webpack.config.dev.js
index a657861b..4c6031c7 100644
--- a/FrontEnd/webpack.config.dev.js
+++ b/FrontEnd/webpack.config.dev.js
@@ -1,22 +1,18 @@
 const path = require("path");
 const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
+const ReactRefreshTypeScript = require("react-refresh-typescript");
 
 const config = require("./webpack.common");
 
 config.mode("development");
 
 config.module
-  .rule("ts")
-  .use("babel")
+  .rule("jsts")
+  .use("ts")
   .options({
-    plugins: ["react-refresh/babel"],
-  });
-
-config.module
-  .rule("js")
-  .use("babel")
-  .options({
-    plugins: ["react-refresh/babel"],
+    getCustomTransformers: () => ({
+      before: [ReactRefreshTypeScript()],
+    }),
   });
 
 config.module
@@ -35,11 +31,7 @@ config.module
 
 config.devtool("eval-cheap-module-source-map");
 
-config.devServer
-  .contentBase(path.resolve(__dirname, "public/"))
-  .port(3000)
-  .historyApiFallback(true)
-  .hot(true);
+config.devServer.port(3000).historyApiFallback(true).hot(true);
 
 config.plugin("react-refresh").use(new ReactRefreshWebpackPlugin());
 
-- 
cgit v1.2.3