attempt at webpack config

Author: underspecified

package.json

@@ -37,12 +37,17 @@
     ]
   },
   "devDependencies": {
+    "@teamsupercell/typings-for-css-modules-loader": "^2.1.1",
     "@testing-library/dom": "^7.2.1",
     "bootstrap": "^4.4.1",
+    "clean-webpack-plugin": "^3.0.0",
+    "html-webpack-plugin": "^4.2.0",
     "jquery": "1.9.1",
     "popper.js": "^1.16.0",
     "rambda": "^5.1.0",
     "react-bootstrap": "^1.0.0",
-    "turbocommons-ts": "^3.1.0"
+    "react-dev-utils": "^10.2.1",
+    "turbocommons-ts": "^3.1.0",
+    "webpack": "^4.42.1"
   }
 }

webpack.config.js

@@ -0,0 +1,52 @@
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+//const InlineChunkHtmlPlugin =
+// require("react-dev-utils/InlineChunkHtmlPlugin");
+
+module.exports = {
+  entry: './src/index.tsx',
+  plugins: [
+        new CleanWebpackPlugin({
+      cleanAfterEveryBuildPatterns: ['public/build']
+    }),
+    new HtmlWebpackPlugin({
+      inject: true,
+      template: 'public/index.html',
+    }),
+    // new InlineChunkHtmlPlugin(
+    //   HtmlWebpackPlugin,
+    //   // [/runtime/], {
+    //   //   inlineChunks: ['manifest']
+    //   // }
+    // )
+  ],
+  output: {
+    path: __dirname + '/public',
+    filename: 'build/[name].[contenthash].js'
+  },
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js']
+  },
+  module: {
+    rules: [
+      { test: /\.tsx?$/, exclude: /node_modules/, loader: 'ts-loader' },
+      { test: /\.css$/i,
+        use: [
+          "style-loader",
+          "@teamsupercell/typings-for-css-modules-loader",
+          {
+            loader: "css-loader",
+            options: { modules: true }
+          }
+        ]
+      }
+    ]
+  }
+}
+
+// noinspection JSUndefinedPropertyAssignment
+module.loaders = [
+  { test: /\.css$/,
+    loader: 'typings-for-css-modules-loader?modules&namedExport&camelCase' },
+  { test: /\.scss$/, loader: 'typings-for-css-modules-loader?modules&sass' }
+  ]