Switching the Webpack configuration file to Typescript

This switches the Webpack config file from JS to Typescript.

front/webpack.config.js

@@ -1,95 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-
-const mode = process.env.NODE_ENV ?? 'development';
-const isProduction = mode === 'production';
-const isDevelopment = !isProduction;
-
-module.exports = {
-    entry: {
-        'main': './src/index.ts',
-        'iframe_api': './src/iframe_api.ts'
-    },
-    mode: mode,
-    devtool: isDevelopment ? 'inline-source-map' : 'source-map',
-    devServer: {
-        contentBase: './dist',
-        host: '0.0.0.0',
-        sockPort: 80,
-        disableHostCheck: true,
-        historyApiFallback: {
-            rewrites: [
-                { from: /^_\/.*$/, to: '/index.html' }
-            ],
-            disableDotRule: true
-        },
-    },
-    module: {
-        rules: [
-            {
-                test: /\.tsx?$/,
-                use: 'ts-loader',
-                exclude: /node_modules/,
-            },
-            {
-                test: /\.scss$/,
-                use: [MiniCssExtractPlugin.loader, 'css-loader?url=false', 'sass-loader'],
-            },
-        ],
-    },
-    resolve: {
-        extensions: [ '.tsx', '.ts', '.js' ],
-    },
-    output: {
-        filename: (pathData) => {
-            // Add a content hash only for the main bundle.
-            // We want the iframe_api.js file to keep its name as it will be referenced from outside iframes.
-            return pathData.chunk.name === 'main' ? 'js/[name].[contenthash].js': '[name].js';
-        },
-        path: path.resolve(__dirname, 'dist'),
-        publicPath: '/'
-    },
-    /*externals:[
-        require('webpack-require-http')
-    ],*/
-    plugins: [
-        new MiniCssExtractPlugin({filename: 'style.[contenthash].css'}),
-        new HtmlWebpackPlugin(
-            {
-                template: './dist/index.tmpl.html.tmp',
-                minify: {
-                    collapseWhitespace: true,
-                    keepClosingSlash: true,
-                    removeComments: false,
-                    removeRedundantAttributes: true,
-                    removeScriptTypeAttributes: true,
-                    removeStyleLinkTypeAttributes: true,
-                    useShortDoctype: true
-                },
-                chunks: ['main']
-            }
-        ),
-        new webpack.ProvidePlugin({
-            Phaser: 'phaser'
-        }),
-        new webpack.EnvironmentPlugin({
-            'API_URL': null,
-            'PUSHER_URL': undefined,
-            'UPLOADER_URL': null,
-            'ADMIN_URL': null,
-            'DEBUG_MODE': null,
-            'STUN_SERVER': null,
-            'TURN_SERVER': null,
-            'TURN_USER': null,
-            'TURN_PASSWORD': null,
-            'JITSI_URL': null,
-            'JITSI_PRIVATE_MODE': null,
-            'START_ROOM_URL': null,
-            'MAX_USERNAME_LENGTH': 8,
-            'MAX_PER_GROUP': 4
-        })
-    ],
-
-};