Update webpack & remove clean plugin usage

package.json

@@ -37,7 +37,6 @@
     "@babel/runtime": "^7.12.13",
     "babel-jest": "^29.7.0",
     "babel-loader": "^8.2.2",
-    "clean-webpack-plugin": "^3.0.0",
     "css-loader": "^7.1.2",
     "fetch-mock": "^8.3.2",
     "jest": "^29.7.0",

webpack.common.babel.js

@@ -1,7 +1,8 @@
 import { resolve } from 'path';
-import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 
+const exlcudeCleanFiles = ['favicon.png'];
+
 export default {
   resolve: { extensions: ['.js', '.scss'] },
   entry: {
@@ -10,6 +11,11 @@ export default {
   output: {
     path: resolve(__dirname, 'src', 'newsreader', 'static'),
     filename: 'js/[name].bundle.js',
+    clean: {
+      keep: filename => {
+        return exlcudeCleanFiles.find(excludedFile => filename.endsWith(excludedFile));
+      },
+    },
   },
   module: {
     rules: [
@@ -42,11 +48,5 @@ export default {
       },
     ],
   },
-  plugins: [
+  plugins: [new MiniCssExtractPlugin({ filename: 'css/main.css' })],
-    new MiniCssExtractPlugin({ filename: 'css/main.css' }),
-    new CleanWebpackPlugin({
-      cleanOnceBeforeBuildPatterns: ['js', 'css', 'fonts'],
-      cleanAfterEveryBuildPatterns: ['!fonts/**'],
-    }),
-  ],
 };