Reactメインエントリポイント

Question

私はそこにあるほとんどの定型文の構造を理解していません。 「index」という名前の2つのファイル（1つはjsファイル、もう1つはhtmlファイル）が常に表示されます。メインのエントリポイントがどのように機能するかを理解したいと思います。私はこの仕事のためにウェブパックをよく見ますが、私の主な関心事は、jsファイルですべての作業を行うことができるのになぜindex.htmlファイルを使用するのですか？

Answer 1

私はReactアプリを次のように構成します：

index.jsapp.jsxでReactDOM.render（）を呼び出します。これはルートReactコンポーネントです。

bundle.js-このファイルは、index.jsとすべてのJSXコンポーネントが、Webpack（したがってバンドル）を使用して通常のJavaScriptにコンパイルされた後にマージされる場所です。

index.html --bundle.jsは、scriptタグを介してこのhtmlファイルの本文にインポートされます。これがエントリポイントです。