2017-02-14 6 views
0

このように、私はこのAngularアプリケーションを作成しました。npmで構築されていない角1.5.xアプリケーションをバンドルします。

しかし、今私は〜1.9MBが26のcssファイルと55のjavascriptファイルでダウンロードされています!

もちろん、ロード時間はひどいです。20秒ロード!周りの検索

enter image description here

、私は1つの.htmlファイル、ファイル、および1つの.jsのファイルにすべてのファイルをバンドルすることを見出しました。利用可能な多くのオプションのうちの1つを使用して、ウェブパック、ロールアップ、ギャルプ、ハツカネズミ、そしておそらく私が見逃したいくつかのもの。

問題は、私はむしろ、各ライブラリのmin.jsファイルをダウンロードし、そしてindex.htmlファイルでそれらすべてを含め、すべての依存関係をインストールするための最初の場所でnpmを使用しなかったこと、です。

  • 私のアプリを本質的にnpmで再構築する以外の選択はありますか?

  • 私はそれが本当に面倒な価値があるかどうかを見ることができるように、すべてのファイルを連結して小型化することができる簡単なガイドがありますか?

  • そして、利用可能なすべてのバンドリングオプションの中で最も簡単なオプションは何ですか?

+0

うーん、私はあなたのためのクイックフィックスは、(あなたはVSが利用可能にしている場合)VS」バンドラとminifier拡張子を使用することだと思います。 npmは必要ありません。ここにリンクがあります:https://github.com/madskristensen/BundlerMinifier –

+0

@PrinayPanday vscodeの同様の拡張機能はありますか? –

+0

申し訳ありませんが、私が知っていることはありません。 –

答えて

1

はい、別の選択肢があります。

Gulpは非常に簡単にセットアップできます。バンドルしてすべてのjsコードを1つまたは2つのファイルに圧縮するのに役立ちます(バンドルされたコードコードを2つのファイルに分割しています。私自身のコードには1つのファイルが含まれています)。あなたはこの簡単な記事で始めることができます

https://markgoodyear.com/2014/01/getting-started-with-gulp/

関連する問題