このように、私はこのAngularアプリケーションを作成しました。npmで構築されていない角1.5.xアプリケーションをバンドルします。
しかし、今私は〜1.9MBが26のcssファイルと55のjavascriptファイルでダウンロードされています!
もちろん、ロード時間はひどいです。20秒ロード!周りの検索
、私は1つの.html
ファイル、ファイル、および1つの.js
のファイルにすべてのファイルをバンドルすることを見出しました。利用可能な多くのオプションのうちの1つを使用して、ウェブパック、ロールアップ、ギャルプ、ハツカネズミ、そしておそらく私が見逃したいくつかのもの。
問題は、私はむしろ、各ライブラリのmin.js
ファイルをダウンロードし、そしてindex.html
ファイルでそれらすべてを含め、すべての依存関係をインストールするための最初の場所でnpm
を使用しなかったこと、です。
私のアプリを本質的にnpmで再構築する以外の選択はありますか?
私はそれが本当に面倒な価値があるかどうかを見ることができるように、すべてのファイルを連結して小型化することができる簡単なガイドがありますか?
そして、利用可能なすべてのバンドリングオプションの中で最も簡単なオプションは何ですか?
うーん、私はあなたのためのクイックフィックスは、(あなたはVSが利用可能にしている場合)VS」バンドラとminifier拡張子を使用することだと思います。 npmは必要ありません。ここにリンクがあります:https://github.com/madskristensen/BundlerMinifier –
@PrinayPanday vscodeの同様の拡張機能はありますか? –
申し訳ありませんが、私が知っていることはありません。 –