Inject with HtmlWebpackPlugin

Question: Is there something that needs to be set up to make automatic injection work? I see that the icon folder is generated but the injections doesnt work. Here the plugin part of my webpack config.

...
plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new FaviconsWebpackPlugin({
        logo: path.resolve(__dirname, 'dist/images/nova.png'),
        inject: true
    }),
    new HtmlWebpackPlugin({
      filename: indexHtmlName,
      template: 'public/index.html',
      inject: 'head',
      hash: true
    })
  ]
...

Thanks in advance!

[jantimon]

@Konafets by default during development the FaviconsWebpackPlugin will not generate all logos to keep your webpack bootup time as fast as possible.

For production build you should see more favicons generated.

If you need all favicons already during development you can set the mode to webapp:

new FaviconsWebpackPlugin({
    logo: './src/logo.png', // svg works too
    devMode: 'webapp', // optional can be 'webapp' or 'light' - 'light' by default 
})

[brunok]

I had the same problem. Got it resolved by setting the inject property of HtmlWebpackPlugin to true.

new HtmlWebpackPlugin({
  inject: true,
  ...,
  ...,
})

I am using favicons-webpack-plugin 3.x with html-webpack-plugin 4.x