reactを使ったhtmlヘッダーの記述

react(&TypeScript)を使ったプロジェクトにおいて、htmlのヘッダー部分を記述する仕組みがわかりません。

知りたいこと

htmlファイルをあらかじめプロジェクト内に作っていないのに、ブラウザでページを開いたときには(developertoolで確認すると)ちゃんとヘッダータグが生成されているのはどういう仕組みそうなっているのでしょうか？
また、ヘッダーを作るソースファイルはディレクトリのどこに置けばよいですか？
初心者なもので説明がわかりにくくてすいません。(<- どこがわかっているかもわかっていない...)

gentaro

2019/08/01 12:50

プロジェクトはフルスクラッチで作っているんでしょうか。それともcreate-react-appみたいなスキャフォールドを使っているんでしょうか。

yochun02

2019/08/02 01:53

既存のプロジェクトで途中からアサインしたので、よくわかりませんが、多分フルスクラッチです。

yochun02

2019/08/02 05:45

補足：やりたいこととしては、あるページにメタタグを追加したいのですが、どこに記述したらよいかわからないのです。実体のhtmlファイルがあればそこに書くだけでいいのですが、リアクトのコンポーネントを別々に書いてドッキングは裏でやってくれてるみたいな感じだとどのソースファイルをいじればよいかわかりません。ちなみにjsはタイプスクリプトで記述しています。

yochun02

2019/08/02 07:46

webpackで複数ページビルドしている模様です

dannadori

2019/08/02 10:43

前提があいまいなので、外している可能性が高いですが、よくあるパターンとして、create-react-appでreact(typescript)プロジェクトのひな型を作ってから開発する場合があります。この場合、public ディレクトリに自動的にindex.htmlというものが作られます。また、このファイルのHTMLヘッダを書き換えれば、出力後のHTMLにもそのヘッダが反映されます。

yochun02

2019/08/02 11:21 編集

メモをみつけてcreate-react-appで開発が始まっていることがわかりました。でも、index.htmlファイルは弄らないで開発を進めているようです。あと、コーディングはscalaで書いています。ちなみに、main.scala.htmlというものがあり、どうやらそちらの方にヘッダの中身を書いているものを見つけたのですがこれでしょうか？

gentaro

2019/08/02 13:41

「ある特定のページにメタタグを入れる」ということは、SPAではないのかな？ ReactはSPAアプリを作ったことがある程度でさほど詳しくないため、index.htmlを直接編集してやれば良いのかな？という程度にと思ってましたが、そうじゃないとするとちょっとよくわかりません。一応、Reactのコンポーネント側からメタタグを操作したいということであれば https://www.npmjs.com/package/react-meta-tags こういうパッケージとかはすぐ見つかりますが、これが求めているものなのか、がちょっと判断できないので、そのタスクをアサインしてきた人にもうちょっと具体的にやりたいことを聞いた方が良いかも。