Images are inline for webapp

packages/webapp/webpack.common.js

@@ -27,13 +27,7 @@ module.exports = {
         },
         {
             test: /\.(png|jpe?g|gif|svg)$/,
-            use: [{
-                loader: 'file-loader',
-                options: {
-                    esModule: false,
-                    name: '[name].[ext]',
-                }
-            }]
+            type: 'asset/inline',
         },
         ]
     },

packages/webapp/webpack.dev.js

@@ -9,7 +9,6 @@ module.exports = merge(common, {
   devtool: 'source-map',
   devServer: {
     contentBase: path.join(__dirname, 'dist'),
-    compress: true,
     port: 3000,
     hot: true,
     historyApiFallback: {

packages/webapp/webpack.prod.js

@@ -2,7 +2,6 @@ const { merge } = require('webpack-merge');
 const common = require('./webpack.common.js');
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const CompressionPlugin = require('compression-webpack-plugin');
 
 module.exports = merge(common, {
   mode: 'production',
@@ -11,9 +10,6 @@ module.exports = merge(common, {
     minimize: true
   },
   plugins: [
-    new CompressionPlugin({
-      test: /\.js(\?.*)?$/i
-    }),
     new HtmlWebpackPlugin({
       template: path.join(__dirname, 'public/index.html'),
       templateParameters: {