use: webpack-merge

app/static/js/main.js.LICENSE.txt

@@ -0,0 +1,15 @@
+/*!
+ * Quill Editor v1.3.6
+ * https://quilljs.com/
+ * Copyright (c) 2014, Jason Chen
+ * Copyright (c) 2013, salesforce.com
+ */
+
+/**
+ * [js-sha3]{@link https://github.com/emn178/js-sha3}
+ *
+ * @version 0.8.0
+ * @author Chen, Yi-Cyuan [emn178@gmail.com]
+ * @copyright Chen, Yi-Cyuan 2015-2018
+ * @license MIT
+ */

app/static/js/src/contributors.d.ts

@@ -1 +0,0 @@
-export declare function initContributors(): void;

app/static/js/src/initQuill.d.ts

@@ -1 +0,0 @@
-export declare function initQuill(): void;

app/static/js/src/main.d.ts

@@ -1 +0,0 @@
-import './styles.css';

app/static/js/src/quill.d.ts

@@ -1 +0,0 @@
-export declare function initQuill(): void;

app/static/js/src/quill_value_to_textarea.d.ts

@@ -1 +0,0 @@
-export declare function initQuillValueToTextArea(): void;

package.json

@@ -5,18 +5,18 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "js-watch": "webpack --watch",
-    "js": "webpack",
+    "js-watch": "webpack --config webpack.dev.js --watch",
+    "js": "webpack --config webpack.prod.js",
     "css": "tailwindcss -i ./src/styles.css -o ./app/static/css/styles.css --minify",
     "css-watch": "tailwindcss -i ./src/styles.css -o ./app/static/css/styles.css --watch"
   },
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "flowbite": "^1.6.4",
-    "tailwindcss": "^3.2.7",
     "ethers": "5.5.3",
-    "siwe": "1.0.0"
+    "flowbite": "^1.6.4",
+    "siwe": "1.0.0",
+    "tailwindcss": "^3.2.7"
   },
   "devDependencies": {
     "css-loader": "^6.7.3",
@@ -28,6 +28,7 @@
     "typescript": "^5.0.4",
     "webpack": "^5.79.0",
     "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.13.2"
+    "webpack-dev-server": "^4.13.2",
+    "webpack-merge": "^5.8.0"
   }
 }

webpack.dev.js

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

webpack.prod.js

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

yarn.lock

@@ -3951,7 +3951,7 @@ webpack-dev-server@^4.13.2:
     webpack-dev-middleware "^5.3.1"
     ws "^8.13.0"
 
-webpack-merge@^5.7.3:
+webpack-merge@^5.7.3, webpack-merge@^5.8.0:
   version "5.8.0"
   resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61"
   integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==