chore(deps): update dependency favicons to v7 (#308)

package.json

@@ -45,8 +45,7 @@
     "eslint": "8.23.1",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-prettier": "4.2.1",
-    "favicons": "6.2.2",
-    "favicons-webpack-plugin": "5.0.2",
+    "favicons": "7.0.0",
     "npm-run-all": "4.1.5",
     "postcss-loader": "7.0.1",
     "prettier": "2.7.1",
@@ -58,6 +57,7 @@
     "svgtofont": "3.18.0",
     "webpack": "5.74.0",
     "webpack-cli": "4.10.0",
+    "webpack-favicons": "^1.3.8",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-remove-empty-scripts": "0.8.4"
   },

webpack.config.js

@@ -3,7 +3,7 @@ const glob = require("glob")
 
 const { WebpackManifestPlugin } = require("webpack-manifest-plugin")
 const GitVersionPlugin = require("@eloquent/git-version-webpack-plugin")
-const FaviconsWebpackPlugin = require("favicons-webpack-plugin")
+const WebpackFavicons = require("webpack-favicons")
 const RemoveEmptyScriptsPlugin = require("webpack-remove-empty-scripts")
 const CopyPlugin = require("copy-webpack-plugin")
 const SRIPlugin = require("./webpack.plugins")
@@ -55,23 +55,19 @@ var config = {
       ]
     }),
 
-    new FaviconsWebpackPlugin({
-      logo: path.resolve("src", "static", "favicon", "favicon.svg"),
-      cache: true,
-      prefix: "favicon/",
-      inject: false,
-      favicons: {
-        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/",
+      background: "#2f333e",
+      theme_color: "#2f333e",
+      icons: {
+        android: { offset: 10 },
+        appleIcon: { offset: 10 },
+        appleStartup: { offset: 10 },
+        favicons: true,
+        windows: { offset: 10 },
+        yandex: false,
+        coast: false
       }
     }),
 
@@ -85,7 +81,11 @@ var config = {
         let manifest = {}
 
         files.forEach(function (element, index) {
+          if (element.name.endsWith("VERSION")) return
           if (element.name.endsWith(".svg")) return
+          if (element.name.startsWith("fonts/")) return
+          if (element.name.startsWith("/favicon")) return
+          if (element.name == "css.js") return
 
           Object.assign(manifest, {
             [element.name]: { src: element.path }