1 files changed, 52 insertions, 0 deletions
diff --git a/FrontEnd/webpack.config.dev.js b/FrontEnd/webpack.config.dev.js
new file mode 100644
index 00000000..c88e1aaf
--- /dev/null
+++ b/FrontEnd/webpack.config.dev.js
@@ -0,0 +1,52 @@
+const path = require("path");
+const webpack = require("webpack");
+
+const config = require("./webpack.common");
+
+config.mode("development");
+
+config.entry("index").add("react-hot-loader/patch");
+
+config.module
+  .rule("ts")
+  .use("babel")
+  .options({
+    plugins: ["react-hot-loader/babel"],
+  });
+
+config.module
+  .rule("js")
+  .use("babel")
+  .options({
+    plugins: ["react-hot-loader/babel"],
+  });
+
+config.module
+  .rule("css")
+  .use("style")
+  .before("css")
+  .loader("style-loader")
+  .end();
+
+config.module
+  .rule("sass")
+  .use("style")
+  .before("css")
+  .loader("style-loader")
+  .end();
+
+config.devtool("eval-cheap-module-source-map");
+
+config.resolve.alias.set("react-dom", "@hot-loader/react-dom");
+
+config.devServer
+  .contentBase(path.resolve(__dirname, "public/"))
+  .host("0.0.0.0")
+  .port(3000)
+  .historyApiFallback(true)
+  .hotOnly(true)
+  .allowedHosts.add(".myide.io");
+
+config.plugin("hot").use(webpack.HotModuleReplacementPlugin);
+
+module.exports = config.toConfig();