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

Question

我正在尝试将 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 文件，并且 favicon 在同一个文件夹中，即/src.

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

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

Answer 1

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

Answer 2

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

在这里发布解决方案，以防将来有人遇到同样的问题。

更新了我的 webpack

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

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

它有效。