有没有办法在 react-static 中添加图标？答案

【问题标题】：Is there a way to add a favicon in react-static?有没有办法在 react-static 中添加图标？
【发布时间】：2020-05-09 06:39:45
【问题描述】：

我看到了

enter link description here

然后我像这样添加 favicon

import path from 'path';
import React from 'react';

export default {
  Document: ({
    Html,
    Head,
    Body,
    children,
    state: { siteData, renderMeta },
  }) => (
    <Html lang="en-US">
      <Head>
        <meta charSet="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="shortcut icon" href="favicon.ico" />
        <link rel="icon" href="favicon.ico" />
      </Head>
      <Body>{children}</Body>
    </Html>
  ),
  plugins: [
    ...
  ],
}

但不工作

也许图像在 A 中无法正常工作。我尝试将图像放入 <body> 中，但没有正确输出。

【问题讨论】：

标签： html reactjs react-static

【解决方案1】：

通过构建它来解决。

我使用react-static-plugin-favicons插件在服务器上构建它。

 [
      'react-static-plugin-favicons',
      { 

        outputDir: path.join(__dirname, 'dist'),
        inputFile: path.resolve(__dirname, 'favicon.png') },
    ],

使用netlify

【讨论】：

这个插件对我不起作用...但是按照github.com/react-static/react-static/issues/1483 将文件作为favicon.ico 添加到public 文件夹中是这样的