如果將文件放入 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/