JS依存関係にNPMを使用したときにWebサイトを展開する方法は？

Question

私はAngular2とTypeScriptを使ってウェブサイトを開発しています。私は公式サイトから「Getting started」をたどりました。これは素晴らしいことです。しかし、1日の終わりに、私はnode_modulesに〜70MBのものがあることを知りました。 私が理解できないことは、すべてのものが本当に必要なのか？私がwebappをテストしているとき、私のブラウザはこれすべてをダウンロードしていませんが、実際には2MB以上はダウンロードしないと思います。

私は逃したと思い、私はバックエンド部分の春ブートアプリケーションでのフロントエンド部分を埋め込むしたいのですが、このレートで、私はjarファイルがギガバイト、重くなります怖い...

フロントエンドの部分をリリースする準備ができていますが、私が言及したように、私はそれを自分で見つけられませんでした。 npmとnode_modulesを使用して軽いウェブサイトを配信するにはどうしますか？

編集WebPACKの

についての提案をした後、私はWebPACKのはによると、依存関係の管理を簡素化し、適切なLIBSはなく、すべてをダウンロードするには、ブラウザを助けSystem.jsの代替であることを理解していますランタイム依存性。 しかし、これらすべてのメガバイトをサーバー上のnode_moduleにアップロードする必要があるかどうかはわかりません。 （または私はそれを誤解していますか？）。 サーバに自分のウェブサイトのバージョンをアップロードする必要がある場合、どのライブラリをアップロードすればいいのか、どのライブラリが役に立たないのか、どうすればわかりますか？

Answer 1

ウェブパックに切り替えることに興味があるので、典型的なウェブパック設定では、bundles（jsファイル）が生成されます。これらのJSファイルは、（HTMLファイルと静的資産とともに）配布するために必要なものです。それらのバンドルに必要なものがすべてあることを保証することができます。node_modulesをアップロードする必要はありません。