Skip to content

CodeCoupler Webpack Favicons & Manifest

Favicons

By default the file favicon.png 3 from the manifest 4 directory will be converted in all possible favorite icons 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 of the static directory.

You can adjust the name of the file in manifest.favicon 5 (see Configuration Reference) or disable this feature complete if you set the field to null.

Web Manifest

In addition, a manifest file is created in which all generated favicons are already linked. Many other informations will be retreived from the package.json.

The 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 to set at least the following parameters in one of the 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. Till 3.2.2 the default name of the directory was favicon ↩

  2. Till version 3 the name and path of the file was static/manifest.webmanifest ↩

  3. Till 3.2.2 the name of the file have to be "logo.png" ↩

  4. Till version 3 the file have to be in the static directory. ↩

  5. Till version 3 the configuration was staticParser.favicon. ↩