如果将文件放入 public
文件夹,Webpack 将 不会 处理它。相反,它将被复制到构建文件夹中。要引用 public
文件夹中的资源,需要使用名为 PUBLIC_URL
的特殊变量。
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" type="image/x-icon">
注意:
1、favicon.ico 或者 png 等其他格式的图片,必须放在 public 文件夹下(也就是跟 index.html 同级)
2、设置 favicon 后发现浏览器里的图标并没有改变,可能是缓存问题,需要强制清除缓存。
官方文档详细解释:https://www.html.cn/create-react-app/docs/using-the-public-folder/