webpack-html-meta

Generate Meta tags and Favicons for your HTML as part of your Webpack build.

The Favicons are generated using favicons which takes one icon and generates icons relevant to individual platforms (Android, iOS, Windows, Chrome, etc.).

Installation

Installation depends on your package manager of choice. Ensure you have also installed the peer dependencies. If you haven't, you'll see a warning.

Yarn

yarn add --dev @jahed/webpack-html-meta

NPM

npm install --save-dev @jahed/webpack-html-meta

Example

Here's how you might use this plugin in your webpack.config.js:

import { HtmlMetaPlugin } from '@jahed/webpack-html-meta'

// ...
plugins: [
    //...
    new HtmlMetaPlugin({
        faviconSource: './favicon.png',
        manifest: { 
            appName: 'My App',
            icons: {
                android: false
            }
        })
    })
    //...
]
//...

For a full list of manifest options, see the docs for favicons.