Separate webpack dev from webpack prod

Author: faassen

.eslintignore

@@ -1,3 +1,3 @@
 .eslintrc.js
 dist
-webpack*.config.js
+webpack.*.js

backend/dev-cli.ts

@@ -1,7 +1,7 @@
 import { createProgram } from "./program";
 import webpackDevMiddleware from "webpack-dev-middleware";
 import webpack from "webpack";
-import config from "../webpack.config.js";
+import config from "../webpack.dev.js";
 
 const compiler = webpack(config);
 

package.json

@@ -6,7 +6,7 @@
     "dev": "ts-node-dev --project tsconfig-backend.json backend/dev-cli.ts",
     "cli": "node dist/backend/cli.js",
     "build-backend": "tsc --project tsconfig-backend.json",
-    "build-frontend": "webpack --config webpack.config.js",
+    "build-frontend": "webpack --config webpack.prod.js",
     "build": "npm run build-backend && npm run build-frontend"
   },
   "bin": {

webpack.config.js renamed to webpack.common.js

@@ -2,16 +2,11 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 const path = require("path");
 
 module.exports = {
-  mode: "development",
   entry: {
     // produce both frontend bundle as well as simulator webxdc bundle
     frontend: "./frontend/index.tsx",
     webxdc: "./sim/webxdc.ts",
   },
-  devtool: "inline-source-map",
-  devServer: {
-    static: "./dist",
-  },
   module: {
     rules: [
       {

webpack.config.d.ts renamed to webpack.dev.d.ts

@@ -0,0 +1,10 @@
+const { merge } = require("webpack-merge");
+const common = require("./webpack.common.js");
+
+module.exports = merge(common, {
+  mode: "development",
+  devtool: "inline-source-map",
+  devServer: {
+    static: "./dist",
+  },
+});

webpack.dev.js

@@ -0,0 +1,6 @@
+const { merge } = require("webpack-merge");
+const common = require("./webpack.common.js");
+
+module.exports = merge(common, {
+  mode: "production",
+});