diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..73e6a21
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,53 @@
+const path = require('path');
+const HtmlWebPackPlugin = require('html-webpack-plugin');
+
+// The source of react stuff
+var DIR_React_Project_src = "src"
+
+module.exports = {
+    entry: path.join(__dirname, `./${DIR_React_Project_src}/index.js`),
+
+    output: {
+        path: path.join(__dirname, "/dist"),
+        filename: "bundle.js",
+    },
+
+    resolve: {
+        modules: ['node_modules'],
+        alias: {
+            react: path.join(__dirname, 'node_modules', 'react'),
+        },
+        extensions: [
+            '.ts', '.tsx', '.js', '.jsx', '.json', '.cjs', '.mjs'
+        ],
+    },
+
+    module: {
+        rules: [
+            {
+                test: /\.(js|jsx)$/,
+                exclude: /node_modules/,
+                use: {
+                    loader: 'babel-loader',
+                },
+            },
+            {
+                test: /\.css$/,
+                use: [
+                    {
+                        loader: 'style-loader',
+                    },
+                    {
+                        loader: 'css-loader',
+                    },
+                ],
+            },
+        ],
+    },
+
+    plugins: [
+        new HtmlWebPackPlugin({
+            template: path.join(__dirname, `./public/index.html`)
+        })
+    ]
+}
\ No newline at end of file