Skip to content

CodeCoupler Webpack Favicons & Manifest

Favicons

By default, the file favicon.png 3 from the manifest 4 directory will be converted into all possible favorite icon formats (android, appleIcon, appleStartup, coast, favicons, firefox, windows, yandex) and saved in a subdirectory named manifest 1. The necessary HTML will be injected into the HTML files in the static directory.

You can adjust the file name in manifest.favicon 5 (see Configuration Reference) or disable this feature completely by setting the field to null.

Web Manifest

In addition, a manifest file is created that links all generated favicons. Much of the other information will be retrieved from the package.json.

Individual values ​​can be overwritten in the file manifest/manifest.json 2 file and some properties can also be defined in the configuration plugins.FaviconWebpackPlugin.favicons (see Configuration Reference).

It is recommended that you set the following parameters in one of these two places:

CodeCoupler Webpack Configuration:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
{
  plugins: {
    FaviconsWebpackPlugin: {
      favicons: {
        appName: "The Aplication Name",
        appDescription: "The Application Description"
      }
    }
  },
};

dist/manifest.webmanifest:

1
2
3
4
{
  "name": "The Aplication Name",
  "description": "The Aplication Description",
}

  1. Until 3.2.2, the default directory name was favicon ↩

  2. Until version 3, the name and path of the file were static/manifest.webmanifest ↩

  3. Until 3.2.2, the name of the file had to be "logo.png" ↩

  4. Until version 3, the file had to be in the static directory. ↩

  5. Until version 3, the configuration was staticParser.favicon. ↩