如何在 patternfly-react 中添加 favicon答案

【问题标题】：How to add favicon in patternfly-react如何在 patternfly-react 中添加 favicon
【发布时间】：2020-09-23 07:05:44
【问题描述】：

我正在尝试将 patternfly-react 用于 UI。我不确定如何添加我的网站图标，通常在我们使用的反应中

<link rel="icon" type="image/png" href="%PUBLIC_URL%/path/to/favicon.png">

但是在 patternfly-react 中我们没有任何公共文件夹，并且 index.html 在 src 中。

我尝试将<link rel="icon" type="image/png" href="favicon.png"> 作为我的 index.html 文件，并且网站图标位于同一文件夹中，即 /src。

这是我的树和 index.html 的截图

任何帮助将不胜感激。提前致谢

【问题讨论】：

我的项目就是基于这个repo

标签： patternfly

【解决方案1】：

我已经找到了解决这个问题的方法。

在这里发布解决方案以防万一以后有人遇到同样的问题。

更新了我的 webpack

plugins: [
      new HtmlWebpackPlugin({
        template: path.resolve(__dirname, 'src', 'index.html'),
        favicon: path.resolve(__dirname, 'src', 'favicon.ico'),
      })
    ]

在我的 webpack.common.js 中添加了这个 favicon：path.resolve(__dirname, 'src', 'favicon.ico'), line favicon.ico 位于 /src 文件夹中。

它有效。

【讨论】：

【解决方案2】：

Patternfly react seed project 以与您类似的方式解决了这个问题，但他们向 webpack 添加了一个新插件（CopyPlugin），而不是捎带到 HtmlWebpackPlugin

【讨论】：