如何在patternfly-react中添加图标

Question

我正在尝试使用patternfly-react作为UI。我不知道如何添加我的收藏图标，通常在react中我们使用

<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

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

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

更新我的webpack

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

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

而且它是有效的。

Answer 2

Patternfly react seed project用和你类似的方式解决了这个问题，但是他们给webpack添加了一个新的插件(CopyPlugin)，而不是附加到HtmlWebpackPlugin上