fix: save the webmanifest files in directory defined in `faviconOptio…

…ns.path`
webdiscus · Jan 16, 2024 · 40983d1 · 40983d1
1 parent 4e62003
commit 40983d1
Show file tree

Hide file tree

Showing 62 changed files with 45 additions and 40 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Change log
 
+## 3.4.10 (2024-01-16)
+
+- fix: save the webmanifest files in the directory defined in the `faviconOptions.path` option
+
 ## 3.4.9 (2024-01-15)
 
 - fix: use the favicons default options for the build-in FaviconsBundlerPlugin when no plugin options

diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 ISC License
 
-Copyright (c) 2023, webdiscus
+Copyright (c) 2024, webdiscus
 
 Permission to use, copy, modify, and/or distribute this software for any
 purpose with or without fee is hereby granted, provided that the above

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-bundler-webpack-plugin",
-  "version": "3.4.9",
+  "version": "3.4.10",
   "description": "HTML bundler plugin for webpack handles a template as an entry point, extracts CSS and JS from their sources referenced in HTML, supports template engines like Eta, EJS, Handlebars, Nunjucks.",
   "keywords": [
     "html",

diff --git a/plugins/favicons-bundler-plugin/index.js b/plugins/favicons-bundler-plugin/index.js
@@ -87,7 +87,8 @@ class FaviconsBundlerPlugin {
 
             // save favicon manifest files on disk
             response.files.forEach(({ name, contents }) => {
-              compilation.emitAsset(name, new RawSource(contents));
+              let outputFile = path.posix.join(this.options.faviconsConfig.path, name);
+              compilation.emitAsset(outputFile, new RawSource(contents));
             });
           });
         }

diff --git a/...d/img/favicons/android-chrome-144x144.png → ...ected/favicons/android-chrome-144x144.png b/...d/img/favicons/android-chrome-144x144.png → ...ected/favicons/android-chrome-144x144.png
diff --git a/...d/img/favicons/android-chrome-192x192.png → ...ected/favicons/android-chrome-192x192.png b/...d/img/favicons/android-chrome-192x192.png → ...ected/favicons/android-chrome-192x192.png
diff --git a/...d/img/favicons/android-chrome-256x256.png → ...ected/favicons/android-chrome-256x256.png b/...d/img/favicons/android-chrome-256x256.png → ...ected/favicons/android-chrome-256x256.png
diff --git a/...ted/img/favicons/android-chrome-36x36.png → ...xpected/favicons/android-chrome-36x36.png b/...ted/img/favicons/android-chrome-36x36.png → ...xpected/favicons/android-chrome-36x36.png
diff --git a/...d/img/favicons/android-chrome-384x384.png → ...ected/favicons/android-chrome-384x384.png b/...d/img/favicons/android-chrome-384x384.png → ...ected/favicons/android-chrome-384x384.png
diff --git a/...ted/img/favicons/android-chrome-48x48.png → ...xpected/favicons/android-chrome-48x48.png b/...ted/img/favicons/android-chrome-48x48.png → ...xpected/favicons/android-chrome-48x48.png
diff --git a/...d/img/favicons/android-chrome-512x512.png → ...ected/favicons/android-chrome-512x512.png b/...d/img/favicons/android-chrome-512x512.png → ...ected/favicons/android-chrome-512x512.png
diff --git a/...ted/img/favicons/android-chrome-72x72.png → ...xpected/favicons/android-chrome-72x72.png b/...ted/img/favicons/android-chrome-72x72.png → ...xpected/favicons/android-chrome-72x72.png
diff --git a/...ted/img/favicons/android-chrome-96x96.png → ...xpected/favicons/android-chrome-96x96.png b/...ted/img/favicons/android-chrome-96x96.png → ...xpected/favicons/android-chrome-96x96.png
diff --git a/...g/favicons/apple-touch-icon-1024x1024.png → ...d/favicons/apple-touch-icon-1024x1024.png b/...g/favicons/apple-touch-icon-1024x1024.png → ...d/favicons/apple-touch-icon-1024x1024.png
diff --git a/...img/favicons/apple-touch-icon-114x114.png → ...ted/favicons/apple-touch-icon-114x114.png b/...img/favicons/apple-touch-icon-114x114.png → ...ted/favicons/apple-touch-icon-114x114.png
diff --git a/...img/favicons/apple-touch-icon-120x120.png → ...ted/favicons/apple-touch-icon-120x120.png b/...img/favicons/apple-touch-icon-120x120.png → ...ted/favicons/apple-touch-icon-120x120.png
diff --git a/...img/favicons/apple-touch-icon-144x144.png → ...ted/favicons/apple-touch-icon-144x144.png b/...img/favicons/apple-touch-icon-144x144.png → ...ted/favicons/apple-touch-icon-144x144.png
diff --git a/...img/favicons/apple-touch-icon-152x152.png → ...ted/favicons/apple-touch-icon-152x152.png b/...img/favicons/apple-touch-icon-152x152.png → ...ted/favicons/apple-touch-icon-152x152.png
diff --git a/...img/favicons/apple-touch-icon-167x167.png → ...ted/favicons/apple-touch-icon-167x167.png b/...img/favicons/apple-touch-icon-167x167.png → ...ted/favicons/apple-touch-icon-167x167.png
diff --git a/...img/favicons/apple-touch-icon-180x180.png → ...ted/favicons/apple-touch-icon-180x180.png b/...img/favicons/apple-touch-icon-180x180.png → ...ted/favicons/apple-touch-icon-180x180.png
diff --git a/...d/img/favicons/apple-touch-icon-57x57.png → ...ected/favicons/apple-touch-icon-57x57.png b/...d/img/favicons/apple-touch-icon-57x57.png → ...ected/favicons/apple-touch-icon-57x57.png
diff --git a/...d/img/favicons/apple-touch-icon-60x60.png → ...ected/favicons/apple-touch-icon-60x60.png b/...d/img/favicons/apple-touch-icon-60x60.png → ...ected/favicons/apple-touch-icon-60x60.png
diff --git a/...d/img/favicons/apple-touch-icon-72x72.png → ...ected/favicons/apple-touch-icon-72x72.png b/...d/img/favicons/apple-touch-icon-72x72.png → ...ected/favicons/apple-touch-icon-72x72.png
diff --git a/...d/img/favicons/apple-touch-icon-76x76.png → ...ected/favicons/apple-touch-icon-76x76.png b/...d/img/favicons/apple-touch-icon-76x76.png → ...ected/favicons/apple-touch-icon-76x76.png
diff --git a/...favicons/apple-touch-icon-precomposed.png → ...favicons/apple-touch-icon-precomposed.png b/...favicons/apple-touch-icon-precomposed.png → ...favicons/apple-touch-icon-precomposed.png
diff --git a/...xpected/img/favicons/apple-touch-icon.png → ...ue/expected/favicons/apple-touch-icon.png b/...xpected/img/favicons/apple-touch-icon.png → ...ue/expected/favicons/apple-touch-icon.png
diff --git a/...e/expected/img/favicons/favicon-16x16.png → ...-true/expected/favicons/favicon-16x16.png b/...e/expected/img/favicons/favicon-16x16.png → ...-true/expected/favicons/favicon-16x16.png
diff --git a/...e/expected/img/favicons/favicon-32x32.png → ...-true/expected/favicons/favicon-32x32.png b/...e/expected/img/favicons/favicon-32x32.png → ...-true/expected/favicons/favicon-32x32.png
diff --git a/...e/expected/img/favicons/favicon-48x48.png → ...-true/expected/favicons/favicon-48x48.png b/...e/expected/img/favicons/favicon-48x48.png → ...-true/expected/favicons/favicon-48x48.png
diff --git a/...fy-true/expected/img/favicons/favicon.ico → ...minify-true/expected/favicons/favicon.ico b/...fy-true/expected/img/favicons/favicon.ico → ...minify-true/expected/favicons/favicon.ico
diff --git a/...minify-true/expected/manifest.webmanifest → ...ue/expected/favicons/manifest.webmanifest b/...minify-true/expected/manifest.webmanifest → ...ue/expected/favicons/manifest.webmanifest
@@ -11,55 +11,55 @@
   "theme_color": "#fff",
   "icons": [
     {
-      "src": "/img/favicons/android-chrome-36x36.png",
+      "src": "/favicons/android-chrome-36x36.png",
       "sizes": "36x36",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-48x48.png",
+      "src": "/favicons/android-chrome-48x48.png",
       "sizes": "48x48",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-72x72.png",
+      "src": "/favicons/android-chrome-72x72.png",
       "sizes": "72x72",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-96x96.png",
+      "src": "/favicons/android-chrome-96x96.png",
       "sizes": "96x96",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-144x144.png",
+      "src": "/favicons/android-chrome-144x144.png",
       "sizes": "144x144",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-192x192.png",
+      "src": "/favicons/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-256x256.png",
+      "src": "/favicons/android-chrome-256x256.png",
       "sizes": "256x256",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-384x384.png",
+      "src": "/favicons/android-chrome-384x384.png",
       "sizes": "384x384",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-512x512.png",
+      "src": "/favicons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"

diff --git a/test/cases/plugin-favicons-minify-true/expected/index.html b/test/cases/plugin-favicons-minify-true/expected/index.html
@@ -1 +1 @@
-<!doctype html><html><head><title>Test</title><link rel="apple-touch-icon" sizes="1024x1024" href="/img/favicons/apple-touch-icon-1024x1024.png"><link rel="apple-touch-icon" sizes="114x114" href="/img/favicons/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/img/favicons/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/img/favicons/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/img/favicons/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/img/favicons/apple-touch-icon-167x167.png"><link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon-180x180.png"><link rel="apple-touch-icon" sizes="57x57" href="/img/favicons/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/img/favicons/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/img/favicons/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/img/favicons/apple-touch-icon-76x76.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="48x48" href="/img/favicons/favicon-48x48.png"><link rel="icon" type="image/x-icon" href="/img/favicons/favicon.ico"><link rel="manifest" href="/img/favicons/manifest.webmanifest"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="My App"><meta name="application-name" content="My App"><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#fff"><link href="style.bundle.css" rel="stylesheet"/><script src="main.bundle.js" defer="defer"></script></head><body><h1>Hello World!</h1></body></html>
+<!doctype html><html><head><title>Test</title><link rel="apple-touch-icon" sizes="1024x1024" href="/favicons/apple-touch-icon-1024x1024.png"><link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/favicons/apple-touch-icon-167x167.png"><link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png"><link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png"><link rel="icon" type="image/x-icon" href="/favicons/favicon.ico"><link rel="manifest" href="/favicons/manifest.webmanifest"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="My App"><meta name="application-name" content="My App"><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#fff"><link href="style.bundle.css" rel="stylesheet"/><script src="main.bundle.js" defer="defer"></script></head><body><h1>Hello World!</h1></body></html>
diff --git a/test/cases/plugin-favicons-minify-true/webpack.config.js b/test/cases/plugin-favicons-minify-true/webpack.config.js
@@ -28,7 +28,7 @@ module.exports = {
       enabled: 'auto', // true, false, auto - generate favicons in production mode only
       // favicons configuration options, see https://github.com/itgalaxy/favicons#usage
       faviconOptions: {
-        path: '/img/favicons',
+        path: '/favicons',
         appName: 'My App',
         icons: {
           android: true, // Create Android homescreen icon.

diff --git a/...d/img/favicons/android-chrome-144x144.png → ...ected/favicons/android-chrome-144x144.png b/...d/img/favicons/android-chrome-144x144.png → ...ected/favicons/android-chrome-144x144.png
diff --git a/...d/img/favicons/android-chrome-192x192.png → ...ected/favicons/android-chrome-192x192.png b/...d/img/favicons/android-chrome-192x192.png → ...ected/favicons/android-chrome-192x192.png
diff --git a/...d/img/favicons/android-chrome-256x256.png → ...ected/favicons/android-chrome-256x256.png b/...d/img/favicons/android-chrome-256x256.png → ...ected/favicons/android-chrome-256x256.png
diff --git a/...ted/img/favicons/android-chrome-36x36.png → ...xpected/favicons/android-chrome-36x36.png b/...ted/img/favicons/android-chrome-36x36.png → ...xpected/favicons/android-chrome-36x36.png
diff --git a/...d/img/favicons/android-chrome-384x384.png → ...ected/favicons/android-chrome-384x384.png b/...d/img/favicons/android-chrome-384x384.png → ...ected/favicons/android-chrome-384x384.png
diff --git a/...ted/img/favicons/android-chrome-48x48.png → ...xpected/favicons/android-chrome-48x48.png b/...ted/img/favicons/android-chrome-48x48.png → ...xpected/favicons/android-chrome-48x48.png
diff --git a/...d/img/favicons/android-chrome-512x512.png → ...ected/favicons/android-chrome-512x512.png b/...d/img/favicons/android-chrome-512x512.png → ...ected/favicons/android-chrome-512x512.png
diff --git a/...ted/img/favicons/android-chrome-72x72.png → ...xpected/favicons/android-chrome-72x72.png b/...ted/img/favicons/android-chrome-72x72.png → ...xpected/favicons/android-chrome-72x72.png
diff --git a/...ted/img/favicons/android-chrome-96x96.png → ...xpected/favicons/android-chrome-96x96.png b/...ted/img/favicons/android-chrome-96x96.png → ...xpected/favicons/android-chrome-96x96.png
diff --git a/...g/favicons/apple-touch-icon-1024x1024.png → ...d/favicons/apple-touch-icon-1024x1024.png b/...g/favicons/apple-touch-icon-1024x1024.png → ...d/favicons/apple-touch-icon-1024x1024.png
diff --git a/...img/favicons/apple-touch-icon-114x114.png → ...ted/favicons/apple-touch-icon-114x114.png b/...img/favicons/apple-touch-icon-114x114.png → ...ted/favicons/apple-touch-icon-114x114.png
diff --git a/...img/favicons/apple-touch-icon-120x120.png → ...ted/favicons/apple-touch-icon-120x120.png b/...img/favicons/apple-touch-icon-120x120.png → ...ted/favicons/apple-touch-icon-120x120.png
diff --git a/...img/favicons/apple-touch-icon-144x144.png → ...ted/favicons/apple-touch-icon-144x144.png b/...img/favicons/apple-touch-icon-144x144.png → ...ted/favicons/apple-touch-icon-144x144.png
diff --git a/...img/favicons/apple-touch-icon-152x152.png → ...ted/favicons/apple-touch-icon-152x152.png b/...img/favicons/apple-touch-icon-152x152.png → ...ted/favicons/apple-touch-icon-152x152.png
diff --git a/...img/favicons/apple-touch-icon-167x167.png → ...ted/favicons/apple-touch-icon-167x167.png b/...img/favicons/apple-touch-icon-167x167.png → ...ted/favicons/apple-touch-icon-167x167.png
diff --git a/...img/favicons/apple-touch-icon-180x180.png → ...ted/favicons/apple-touch-icon-180x180.png b/...img/favicons/apple-touch-icon-180x180.png → ...ted/favicons/apple-touch-icon-180x180.png
diff --git a/...d/img/favicons/apple-touch-icon-57x57.png → ...ected/favicons/apple-touch-icon-57x57.png b/...d/img/favicons/apple-touch-icon-57x57.png → ...ected/favicons/apple-touch-icon-57x57.png
diff --git a/...d/img/favicons/apple-touch-icon-60x60.png → ...ected/favicons/apple-touch-icon-60x60.png b/...d/img/favicons/apple-touch-icon-60x60.png → ...ected/favicons/apple-touch-icon-60x60.png
diff --git a/...d/img/favicons/apple-touch-icon-72x72.png → ...ected/favicons/apple-touch-icon-72x72.png b/...d/img/favicons/apple-touch-icon-72x72.png → ...ected/favicons/apple-touch-icon-72x72.png
diff --git a/...d/img/favicons/apple-touch-icon-76x76.png → ...ected/favicons/apple-touch-icon-76x76.png b/...d/img/favicons/apple-touch-icon-76x76.png → ...ected/favicons/apple-touch-icon-76x76.png
diff --git a/...favicons/apple-touch-icon-precomposed.png → ...favicons/apple-touch-icon-precomposed.png b/...favicons/apple-touch-icon-precomposed.png → ...favicons/apple-touch-icon-precomposed.png
diff --git a/...xpected/img/favicons/apple-touch-icon.png → ...ns/expected/favicons/apple-touch-icon.png b/...xpected/img/favicons/apple-touch-icon.png → ...ns/expected/favicons/apple-touch-icon.png
diff --git a/...s/expected/img/favicons/favicon-16x16.png → ...icons/expected/favicons/favicon-16x16.png b/...s/expected/img/favicons/favicon-16x16.png → ...icons/expected/favicons/favicon-16x16.png
diff --git a/...s/expected/img/favicons/favicon-32x32.png → ...icons/expected/favicons/favicon-32x32.png b/...s/expected/img/favicons/favicon-32x32.png → ...icons/expected/favicons/favicon-32x32.png
diff --git a/...s/expected/img/favicons/favicon-48x48.png → ...icons/expected/favicons/favicon-48x48.png b/...s/expected/img/favicons/favicon-48x48.png → ...icons/expected/favicons/favicon-48x48.png
diff --git a/...avicons/expected/img/favicons/favicon.ico → ...in-favicons/expected/favicons/favicon.ico b/...avicons/expected/img/favicons/favicon.ico → ...in-favicons/expected/favicons/favicon.ico
diff --git a/...in-favicons/expected/manifest.webmanifest → ...ns/expected/favicons/manifest.webmanifest b/...in-favicons/expected/manifest.webmanifest → ...ns/expected/favicons/manifest.webmanifest
@@ -11,55 +11,55 @@
   "theme_color": "#fff",
   "icons": [
     {
-      "src": "/img/favicons/android-chrome-36x36.png",
+      "src": "/favicons/android-chrome-36x36.png",
       "sizes": "36x36",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-48x48.png",
+      "src": "/favicons/android-chrome-48x48.png",
       "sizes": "48x48",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-72x72.png",
+      "src": "/favicons/android-chrome-72x72.png",
       "sizes": "72x72",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-96x96.png",
+      "src": "/favicons/android-chrome-96x96.png",
       "sizes": "96x96",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-144x144.png",
+      "src": "/favicons/android-chrome-144x144.png",
       "sizes": "144x144",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-192x192.png",
+      "src": "/favicons/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-256x256.png",
+      "src": "/favicons/android-chrome-256x256.png",
       "sizes": "256x256",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-384x384.png",
+      "src": "/favicons/android-chrome-384x384.png",
       "sizes": "384x384",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/img/favicons/android-chrome-512x512.png",
+      "src": "/favicons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"

diff --git a/test/cases/plugin-favicons/expected/index.html b/test/cases/plugin-favicons/expected/index.html
@@ -2,22 +2,22 @@
 <html>
 <head>
   <title>Test</title>
-  <link rel="apple-touch-icon" sizes="1024x1024" href="/img/favicons/apple-touch-icon-1024x1024.png">
-<link rel="apple-touch-icon" sizes="114x114" href="/img/favicons/apple-touch-icon-114x114.png">
-<link rel="apple-touch-icon" sizes="120x120" href="/img/favicons/apple-touch-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/img/favicons/apple-touch-icon-144x144.png">
-<link rel="apple-touch-icon" sizes="152x152" href="/img/favicons/apple-touch-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="167x167" href="/img/favicons/apple-touch-icon-167x167.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon-180x180.png">
-<link rel="apple-touch-icon" sizes="57x57" href="/img/favicons/apple-touch-icon-57x57.png">
-<link rel="apple-touch-icon" sizes="60x60" href="/img/favicons/apple-touch-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="72x72" href="/img/favicons/apple-touch-icon-72x72.png">
-<link rel="apple-touch-icon" sizes="76x76" href="/img/favicons/apple-touch-icon-76x76.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="48x48" href="/img/favicons/favicon-48x48.png">
-<link rel="icon" type="image/x-icon" href="/img/favicons/favicon.ico">
-<link rel="manifest" href="/img/favicons/manifest.webmanifest">
+  <link rel="apple-touch-icon" sizes="1024x1024" href="/favicons/apple-touch-icon-1024x1024.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/favicons/apple-touch-icon-167x167.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png">
+<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png">
+<link rel="icon" type="image/x-icon" href="/favicons/favicon.ico">
+<link rel="manifest" href="/favicons/manifest.webmanifest">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title" content="My App">

diff --git a/test/cases/plugin-favicons/webpack.config.js b/test/cases/plugin-favicons/webpack.config.js
@@ -28,7 +28,7 @@ module.exports = {
       enabled: 'auto', // true, false, auto - generate favicons in production mode only
       // favicons configuration options, see https://github.com/itgalaxy/favicons#usage
       faviconOptions: {
-        path: '/img/favicons',
+        path: '/favicons',
         appName: 'My App',
         icons: {
           android: true, // Create Android homescreen icon.