WebpackバンドルのHTML。どうして？

Question

こんにちは、 私は、このstarter packに基づいて建物と角2アプリです。私は、ビルドプロセスがどのように見えるかを把握しようとしています。

が

npm run build:prod  
npm run server:prod 

HTMLがバンドルfile.In大規模なアプリケーション内に位置していることが、このバンドルファイルが上向きに4〜5メガバイト以上にすることができます実行しているとき、私は気づきました。これはモバイルアクセスの問題となる可能性があります。そしてそれは、角度2のアプローチに直観的ではないようです。

大規模なアプリケーションでは、この正しいビルドですか？ 一度にすべてではなく、必要に応じてHTMLファイルを読み込まなければなりませんか？

おそらく私は何か誤解しています。

Answer 1

ええ、基本的にはWebpackのことです。それはバンドルすべてです。あなたの出力ファイルを〜4MBにすることは非常に起こりそうです。必要なのは、ファイルをチャンクに分けることです。この方法で一般的なチャンクプラグインを使用すると、すべてのサードパーティライブラリを1つのチャンクにまとめることができます。

第2に、ファイルをさらに多くのチャンクに分割し、非同期にロードすることができます。

詳細についてはlinkをご覧ください。