Fix mismatching function names

frontend/package.json

@@ -40,6 +40,7 @@
     "sdf-2d": "^0.6.0",
     "socket.io-client": "^2.3.1",
     "source-map-loader": "^1.1.1",
+    "terser-webpack-plugin": "^4.2.2",
     "ts-config-webpack-plugin": "^2.0.0",
     "typescript": "^4.0.3",
     "webpack": "^4.43.0",

frontend/webpack.config.js

@@ -3,6 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ScssConfigWebpackPlugin = require('scss-config-webpack-plugin');
 const TsConfigWebpackPlugin = require('ts-config-webpack-plugin');
 const HtmlWebpackInlineSVGPlugin = require('html-webpack-inline-svg-plugin');
+const TerserJSPlugin = require('terser-webpack-plugin');
 
 module.exports = {
   devServer: {
@@ -34,6 +35,17 @@ module.exports = {
     // see https://github.com/namics/webpack-config-plugins/tree/master/packages/ts-config-webpack-plugin/config
     new TsConfigWebpackPlugin(),
   ],
+  optimization: {
+    minimizer: [
+      new TerserJSPlugin({
+        test: /\.js$/,
+        exclude: /node_modules/,
+        terserOptions: {
+          keep_classnames: true,
+        },
+      }),
+    ],
+  },
   module: {
     rules: [
       {