Webpack: replace file-loader with asset/resource asset module

webpack/rules/file.js

@@ -1,20 +1,9 @@
-const { join } = require('path');
 const { settings } = require('../configuration');
 
 module.exports = {
   test: new RegExp(`(${settings.static_assets_extensions.join('|')})$`, 'i'),
-  use: [
-    {
-      loader: 'file-loader',
-      options: {
-        name(file) {
-          if (file.includes(settings.source_path)) {
-            return 'packs/media/[path][name]-[contenthash].[ext]';
-          }
-          return 'packs/media/[folder]/[name]-[contenthash:8].[ext]';
-        },
-        context: join(settings.source_path),
-      },
-    },
-  ],
+  type: 'asset/resource',
+  generator: {
+    filename: 'packs/media/[contenthash][ext]',
+  },
 };