有没有办法在 react-static 中添加图标？
Posted
技术标签:
【中文标题】有没有办法在 react-static 中添加图标？【英文标题】：Is there a way to add a favicon in 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> 中，但没有正确输出。
【问题讨论】：
【参考方案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 文件夹中是这样的以上是关于有没有办法在 react-static 中添加图标？的主要内容，如果未能解决你的问题，请参考以下文章
如何在 scss 文件中的 react-static 构建中设置图像的 url