package.json

@@ -28,7 +28,7 @@
     "shx": "0.3.4",
     "webpack": "5.74.0",
     "webpack-cli": "4.10.0",
-    "webpack-remove-empty-scripts": "0.8.4"
+    "webpack-favicons": "^1.3.8"
   },
   "overrides": {
     "colors": "1.4.0"

webpack.config.js

@@ -2,7 +2,7 @@ const path = require("path")
 const yaml = require("js-yaml")
 const fs = require("fs")
 
-const FaviconsWebpackPlugin = require("favicons-webpack-plugin")
+const WebpackFavicons = require("webpack-favicons")
 const CopyPlugin = require("copy-webpack-plugin")
 
 let config
@@ -30,26 +30,22 @@ module.exports = {
       ]
     }),
 
-    new FaviconsWebpackPlugin({
-      logo: path.resolve("src", "static", "favicon", "favicon.svg"),
-      cache: true,
-      prefix: "favicon/",
-      inject: false,
-      favicons: {
-        appName: config.title,
-        appShortName: config.title.concat(" - ", config.params.subtitle),
-        appDescription: config.params.description,
-        background: "#2f333e",
-        theme_color: "#2f333e",
-        icons: {
-          android: { offset: 10 },
-          appleIcon: { offset: 10 },
-          appleStartup: { offset: 10 },
-          favicons: true,
-          windows: { offset: 10 },
-          yandex: false,
-          coast: false
-        }
+    new WebpackFavicons({
+      src: path.resolve("src", "static", "favicon", "favicon.svg"),
+      path: "favicon/",
+      appName: config.title,
+      appShortName: config.title.concat(" - ", config.params.subtitle),
+      appDescription: config.params.description,
+      background: "#2f333e",
+      theme_color: "#2f333e",
+      icons: {
+        android: { offset: 10 },
+        appleIcon: { offset: 10 },
+        appleStartup: { offset: 10 },
+        favicons: true,
+        windows: { offset: 10 },
+        yandex: false,
+        coast: false
       }
     })
   ]