これまでの研究：

webpackのwikiが言うように、分析ツールを使用してビルドのパフォーマンスを最適化することが可能です。

から：https : //github.com/webpack/docs/wiki/build-performance#hints-from-build-stats

ビルド統計からのヒント

ビルドを視覚化し、ビルドサイズとビルドパフォーマンスを最適化する方法についてのヒントを提供する分析ツールがあります。

webpack --profile --json> stats.jsonを実行して、必要なJSONファイルを生成できます

私は（統計情報ファイルを生成し、ここで利用可能）のWebPACKのanalizeツールにアップロード
し、下のヒントのタブ私はprefetchPluginを使用するように言わ：

から：http : //webpack.github.io/analyse/#hints

長いモジュール構築チェーン

プリフェッチを使用して、ビルドのパフォーマンスを向上させます。チェーンの途中からモジュールをプリフェッチします。

prefechPluginで利用できる唯一のドキュメントは次のとおりです。

から：https : //webpack.js.org/plugins/prefetch-plugin/

PrefetchPlugin

new webpack.PrefetchPlugin([context], request)

通常のモジュールに対する要求。これは、モジュールが必要になる前に解決され、ビルドされます。これにより、パフォーマンスが向上します。最初にビルドのプロファイルを作成して、先読みの賢いポイントを特定してください。

私の質問：

• prefetchPluginを適切に使用するにはどうすればよいですか？
• 分析ツールで使用する適切なワークフローは何ですか？
• prefetchPluginが機能するかどうかを確認するにはどうすればよいですか？どうすれば測定できますか？
• チェーンの途中からモジュールをプリフェッチするとはどういう意味ですか？

いくつかの例を本当に感謝します

この質問を、prefechPluginと分析ツールを使用したい次の開発者にとって貴重なリソースにするのを手伝ってください。ありがとうございました。

ええ、プリフェッチプラグインのドキュメントはほとんど存在しません。それを自分で考え出した後、使い方はかなり簡単で、柔軟性はあまりありません。基本的には、コンテキスト（オプション）とモジュールパス（コンテキストに対する相対）の2つの引数を取ります。あなたのケースのコンテキストは、/absolute/path/to/your/project/node_modules/react-transform-har/スクリーンショットのチルダがnode_moduleswebpackのnode_module resolutionに従って参照していると想定しています。

実際のプリフェッチモジュールは、モジュールの依存関係の深さが3を超えないことが理想的です。したがって、あなたの場合isFunction.jsは長いビルドチェーンを持つモジュールであり、理想的には次の場所でプリフェッチする必要がありますgetNative.js

ただし、ビルドチェーンの依存関係がモジュールの依存関係を参照しているため、構成にファンキーなものがあると思います。これは、webpackによって自動的に最適化される必要があります。どのようにして取得したかはわかりませんが、私たちの場合、node_modulesの長いビルドチェーンに関する警告は表示されません。私たちの長いビルドチェーンのほとんどは、scssを必要とする深くネストされたreactコンポーネントによるものです。つまり：

いずれにしても、次のように、警告ごとに新しいプラグインを追加する必要があります。

plugins: [
    new webpack.PrefetchPlugin('/web/', 'app/modules/HeaderNav.jsx'),
    new webpack.PrefetchPlugin('/web/', 'app/pages/FrontPage.jsx')
];

2番目の引数は、モジュールの相対位置を表す文字列でなければなりません。これが理にかなっているといいのですが。

あなたのチェーンの真ん中はおそらくreact-transform-hmr/index.jsそれが約半分の途中から始まるのです。PrefetchPlugin('react-transform-hmr/index')プロファイルを再試行して、ビルドにかかる総時間を短縮するのに役立つかどうかを確認できます。