reactjs - 如何将 Web App Manifest 和 favicon 与 webpack 捆绑在一起

Question

有没有办法将 Web App Manifest (manifest.json) 和 favicon 与 webpack 捆绑在一起？

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

有任何想法吗？

Answer 1

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

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