First commit

web/webpack.config.js

@@ -0,0 +1,74 @@
+const path = require("path");
+const webpack = require("webpack");
+const CopyPlugin = require("copy-webpack-plugin");
+
+module.exports = {
+    mode: process.env.NODE_ENV === "development" ? "development" : "production",
+    devtool: process.env.NODE_ENV === "development" ? "source-map" : false,
+    entry: {
+        index: path.resolve(__dirname, "src/index.tsx")
+    },
+    output: {
+        path: path.resolve(__dirname, "dist"),
+        filename: "[name].bundle.js",
+        clean: true
+    },
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: [{
+                    loader: "ts-loader",
+                    options: {
+                        configFile: path.resolve(__dirname, "src/tsconfig.json")
+                    }
+                }]
+            },
+            {
+                test: /\.s?[ac]ss$/,
+                use: ["style-loader", "css-loader", "sass-loader"]
+            },
+            {
+                test: /\.(png|woff|woff2|eot|ttf)$/,
+                type: "asset/resource",
+                generator: {
+                    filename: "assets/[hash][ext]"
+                }
+            },
+            {
+                test: /\.svg$/,
+                type: "asset/inline"
+            }
+        ]
+    },
+    resolve: {
+        extensions: [".ts", ".tsx", ".js", ".json"]
+    },
+    plugins: [
+        new CopyPlugin({
+            patterns: [{
+                from: "**/*.{html,svg}",
+                to: "[path][name][ext]",
+                context: path.resolve(__dirname, "src")
+            }]
+        }),
+        new webpack.ProvidePlugin({
+            Buffer: ["buffer", "Buffer"]
+        }),
+        new webpack.ProvidePlugin({
+            process: "process/browser.js"
+        })
+    ],
+    optimization: {
+        splitChunks: {
+            cacheGroups: {
+                vendors: {
+                    test: /node_modules/,
+                    name: "vendors",
+                    chunks: "all",
+                    enforce: true
+                }
+            }
+        }
+    }
+};