Como empacotar o manifesto da Web e favicons com o webpack - reactjs, webpack, favicon, manifest.json

Existe uma maneira de agrupar o Web App Manifest (manifest.json) e os favoritos com o webpack?

Estou usando o React. Até agora, incluí todos os meus favoritos, incluindo manifest.json, diretamente no index.html na pasta pública (para que ele não passasse pelo webpack). No entanto, eu precisava carregar dinamicamente os favoritos e, por isso, decidi mudar o código e imagens favicon no aplicativo React e injetar as tags dinamicamente. Mas não sei como lidar com manifest.json porque existem caminhos para os favicons e os favicons quando incluídos no aplicativo React e incluídos no pacote da web com nomes aleatórios.

Alguma ideia?

Respostas:

Você pode tentar adicionar diretamente na configuração do seu webpack

plugins: [
// ...
new HtmlWebpackPlugin({
favicon: "admin/src/favicon.ico",
inject: true, // Inject all files that are generated by webpack
)}
],