如何将 Web App Manifest 和 favicon 与 webpack 捆绑在一起答案

【问题标题】：How to bundle Web App Manifest and favicons with webpack如何将 Web App Manifest 和 favicon 与 webpack 捆绑在一起
【发布时间】：2018-01-10 15:59:55
【问题描述】：

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

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

有什么想法吗？

【问题讨论】：

标签： reactjs webpack favicon manifest.json

【解决方案1】：

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

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

【讨论】：