build: Good bye babel!

1 files changed, 7 insertions, 15 deletions

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());