如何更改 create-react-app 中的默认徽标

Question

我正在 VS 代码中开发一个 create-react-app 项目，并且想要更改默认徽标（特别是出现在网站标题左侧选项卡中的徽标）。 我有一个想要使用的图像，但我不知道如何将图像添加到 VS code。我尝试制作 .png 文件，但无法将图片添加到文件中。我对 .ico 文件尝试了同样的操作。老实说我不明白两者之间的区别。但如果有人可以帮助我如何更改该徽标（蓝色原子看起来的东西），那就太好了。

Answer 1

这取决于你想如何表达。

添加到html文件（可能

index.html

）

<link rel="icon" href="pathname">

添加 Node.js 文件，假设您也使用express。

var favicon=require("serve-favicon");
app.use(favicon("pathname"));

Answer 2

最简单的方法是将图像创建为 .ico 文件，然后将其拖放到公共文件夹中。应该已经有一个名为 favicon.ico 的文件，只需删除该文件并将刚刚删除的文件重命名为 favicon.ico，这样您就不必更改任何代码