Webpack and Babel configuration

babel.config.js

+/* eslint-disable import/no-commonjs, filenames/match-regex */
+
+module.exports = {
+  presets: [["@babel/preset-env"]],
+  plugins: [
+    ["@babel/plugin-proposal-class-properties"],
+    ["@babel/plugin-transform-runtime"]
+  ],
+  overrides: [
+    {
+      test: "./react",
+      presets: [["@babel/preset-react"]],
+    },
+    {
+      test: "./js/frankenstein-wrappers",
+      presets: [["@babel/preset-react"]],
+    }
+  ]
+};

config/webpack.conf.js

@@ -3,6 +3,11 @@ const webpack = require("webpack");
 module.exports = {
   entry: {
     app: "./js/app.js",
+    frankenstein: [
+      "@babel/runtime/regenerator",
+      "@babel/register",
+      "./js/frankenstein-wrappers/index.js"
+    ]
   },
   mode: "development",
   devServer: {
@@ -20,6 +25,34 @@ module.exports = {
         exclude: /node_modules/,
         loader: "babel-loader"
       },
+      {
+        test: /\.css$/,
+        use: {
+          loader: 'css-loader',
+          options: {
+            modules: true
+          }
+        }
+      },
+      {
+        test: /\.(jpg|png|svg|webp)$/,
+        use: [
+          {
+            loader: "file-loader",
+            options: {
+              name: "images/[name].[ext]"
+            }
+          }
+        ]
+      },
+      {
+        test: /\.html$/,
+        use: [
+          {
+            loader: "html-loader"
+          }
+        ]
+      },
     ]
   },
   plugins: [
@@ -29,4 +62,4 @@ module.exports = {
       }
     }),
   ]
-};
\ No newline at end of file
+};

package.json

 {
   "private": true,
   "dependencies": {
+    "@babel/core": "^7.4.4",
     "@babel/plugin-proposal-class-properties": "^7.4.4",
+    "@babel/plugin-transform-runtime": "^7.4.4",
+    "@babel/preset-env": "^7.4.4",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/register": "^7.4.4",
+    "@babel/runtime": "^7.4.4",
     "babel-loader": "^8.0.6",
+    "css-loader": "^2.1.1",
     "director": "~1.2.2",
+    "file-loader": "^3.0.1",
     "handlebars": "~2.0.0",
+    "html-loader": "^0.5.5",
     "jquery": "~2.1.1",
     "todomvc-app-css": "^2.1.0",
-    "todomvc-common": "~1.0.1"
+    "todomvc-common": "~1.0.1",
+    "webpack": "^4.31.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.4",
-    "@babel/plugin-transform-runtime": "^7.4.4",
-    "@babel/preset-env": "^7.4.4",
-    "webpack": "^4.31.0",
     "webpack-cli": "^3.3.2",
     "webpack-dev-server": "^3.7.2"
   },