diff options
| author | crupest <crupest@outlook.com> | 2020-10-31 00:42:06 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-31 00:42:06 +0800 |
| commit | a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f (patch) | |
| tree | ee006874b0c93e9bfc76f141a092a8b9585a1f95 /FrontEnd/webpack.config.dev.js | |
| parent | 0c4caaebe2480e77918d5d7df234f0edaeab74ba (diff) | |
| parent | 7ce0846d9ec968da3ea4f7ebcc6db26db8e49089 (diff) | |
| download | timeline-a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f.tar.gz timeline-a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f.tar.bz2 timeline-a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f.zip | |
Merge pull request #161 from crupest/upgrade
Upgrade packages and split front end and back end.
Diffstat (limited to 'FrontEnd/webpack.config.dev.js')
| -rw-r--r-- | FrontEnd/webpack.config.dev.js | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/FrontEnd/webpack.config.dev.js b/FrontEnd/webpack.config.dev.js new file mode 100644 index 00000000..937ab3fb --- /dev/null +++ b/FrontEnd/webpack.config.dev.js @@ -0,0 +1,53 @@ +const path = require("path");
+const webpack = require("webpack");
+const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
+
+const config = require("./webpack.common");
+
+config.mode("development");
+
+config.module
+ .rule("ts")
+ .use("babel")
+ .options({
+ plugins: ["react-refresh/babel"],
+ });
+
+config.module
+ .rule("js")
+ .use("babel")
+ .options({
+ plugins: ["react-refresh/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.set("fallback", {
+ querystring: require.resolve("querystring-es3"),
+});
+
+config.devServer
+ .contentBase(path.resolve(__dirname, "public/"))
+ .host("0.0.0.0")
+ .port(3000)
+ .historyApiFallback(true)
+ .hotOnly(true);
+
+config.plugin("hot").use(webpack.HotModuleReplacementPlugin);
+config.plugin("react-refresh").use(new ReactRefreshWebpackPlugin());
+
+module.exports = config.toConfig();
|