私のチームは を使用して Web アプリケーションを作成しcreate-react-appましたが、最初のページの読み込み時にバンドル サイズを小さく保ちたいと考えています。現在、出力された javascript ファイルを実行gzipして、バンドル全体のサイズを把握しています (の出力と同様)。最初のページ読み込みに必要です。wcbuild/react-scripts build
build/index.html今のところ、最初のページの読み込み時にどのチャンクが読み込まれるかを特定するために、どのスクリプトタグが絶対パスを参照しているかを解析して見つけることに頼ることを計画しています (サードパーティのスクリプトをカウントしないようにするため)。初期ペイントに重要な javascript 側をロードします。私はそうは思いませんが、CRA がどのように機能するかについても、はっきりと断言できるほどには理解していません。
私のチームメイトも、ヘッドレス ブラウザでランディング ページを読み込んで、ページの読み込み時にどのスクリプトが読み込まれたかを判断するだけでよいのではないかと考えています。
前もって感謝します！