如何使用webpack捆绑Web App Manifest和favicons

Question

有没有办法将Web App Manifest（manifest.json）和favicons与webpack捆绑在一起？

我正在使用React。到目前为止，我直接在公共文件夹的index.html中包含了我的所有favicon，包括manifest.json（因此它没有通过webpack）。但是，我需要动态加载favicons，因此我决定将代码和favicon图像移动到React应用程序中并动态注入标记。但是我不知道如何处理manifest.json，因为有一些路径可以使用favicons和favicons，当它包含在React应用程序中并与webpack捆绑在一起时会随机散列名称。

有什么想法吗？

Answer 1

您可以尝试直接在您的webpack配置中添加

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