diff --git a/packages/webapp/webpack.common.js b/packages/webapp/webpack.common.js
index 120e8d3a..06635019 100644
--- a/packages/webapp/webpack.common.js
+++ b/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',
         },
         ]
     },
diff --git a/packages/webapp/webpack.dev.js b/packages/webapp/webpack.dev.js
index d2e0711a..986c42bb 100644
--- a/packages/webapp/webpack.dev.js
+++ b/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: {
diff --git a/packages/webapp/webpack.prod.js b/packages/webapp/webpack.prod.js
index aae81425..fee964be 100644
--- a/packages/webapp/webpack.prod.js
+++ b/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: {