Update webpack & remove clean plugin usage

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: [
-    new MiniCssExtractPlugin({ filename: 'css/main.css' }),
-    new CleanWebpackPlugin({
-      cleanOnceBeforeBuildPatterns: ['js', 'css', 'fonts'],
-      cleanAfterEveryBuildPatterns: ['!fonts/**'],
-    }),
-  ],
+  plugins: [new MiniCssExtractPlugin({ filename: 'css/main.css' })],
 };