はじめに
Reactのfavicon、titleの追加方法の備忘録です💁
初心者です😅
間違えてる部分多々あると思います。
もし見つけた場合、ツッコミいただけると助かります🙇
内容
Reactのfavicon、titleの追加はReactフォルダの中の「public」の中にある「index html」ファイルを修正することで反映する。
また別のやり方（Helmet）もあるが基本はこれになる。
index html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/myfavicon2.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<title>mysite</title>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/yourLogo.ico" />
押さえておくべき点🧠
- 「public」は静的なものを保管してる場所
- faviconの拡張子は「.ico」を使うのがより良い。