Update build

frontend/package.json

@@ -38,8 +38,11 @@
     "resolve-url-loader": "^3.1.1",
     "scss-config-webpack-plugin": "^2.0.0",
     "sdf-2d": "^0.6.0",
+    "shared": "file:../shared",
     "socket.io-client": "^2.3.1",
     "source-map-loader": "^1.1.1",
+    "style-ext-html-webpack-plugin": "^4.1.2",
+    "svg-url-loader": "^6.0.0",
     "terser-webpack-plugin": "^4.2.2",
     "ts-config-webpack-plugin": "^2.0.0",
     "typescript": "^4.0.3",

frontend/webpack.config.js

@@ -4,6 +4,8 @@ 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');
+//const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
+//const StyleExtHtmlWebpackPlugin = require('style-ext-html-webpack-plugin');
 
 module.exports = {
   devServer: {
@@ -28,6 +30,8 @@ module.exports = {
         },
       ],
     }),
+    //new StyleExtHtmlWebpackPlugin('main.css'),
+    //new FaviconsWebpackPlugin('static/logo.svg'),
     // SCSS Configuration for .css .module.css and .scss .module.scss files
     // see https://github.com/namics/webpack-config-plugins/tree/master/packages/scss-config-webpack-plugin/config
     new ScssConfigWebpackPlugin(),
@@ -54,7 +58,14 @@ module.exports = {
         use: ['source-map-loader'],
       },
       {
-        test: /\.(svg|png)$/,
+        test: /\.svg/,
+        use: {
+          loader: 'svg-url-loader',
+          options: {},
+        },
+      },
+      {
+        test: /\.(png)$/,
         use: {
           loader: 'file-loader',
         },