如何在patternfly-react中添加收藏夹图标

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文件，并且图标图标位于同一文件夹中，即/src。

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

任何帮助将不胜感激。 预先感谢

Answer 1

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

在此处发布解决方案，以防将来有人遇到相同的问题。

更新了我的webpack

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

在我的webpack.common.js中添加以下图标：path.resolve（__ dirname，'src'，'favicon.ico'） favicon.ico在/ src文件夹中。

它有效。

Answer 2

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