モジュールパッケージ冗長コードの削除
782 ワード
フロントエンドのページが増え、js、cssファイルが増えていることを知っています.
リクエスト時には、多くの帯域幅を占有します.
フロントエンドerたちは梱包工具を発明した.
すべてのjsファイルを1つのファイルにパッケージ化することで、httpのリクエスト数を減らすことができます.
しかし、コラボレーション開発モデル.私たちがパッケージ化した後、多くのモジュールからエクスポートされたコードがあります.私たちはまったく使ったことがないかもしれません.これらの冗長コードも一緒にパッケージ化されています.これは裸の帯域幅の浪費ではありませんか.
私たちが使っているフレームワークもありますが、中のすべてのモジュールを使っていますか?そうとは限らないでしょう.
現在、
パッケージ化する前に、呼び出されていない冗長コードを削除します.
先端開発はもう膨らむ必要はありません.
1.rollup.js
このフレームワークでできます.詳しくはこちらをご覧ください.http://www.cnblogs.com/vajoy/p/5518442.html
2.HTTP/2 vsパッケージ
http/1はリクエストごとに1つのtcp接続を占有する.
http/2すべてのリクエストが1つの接続を占め、完全に多重化されます.みんなで並行してダウンロードして、余分なtcp接続を生む必要はありません.パッケージする必要はありませんか?複数のモジュールをロードすることは、深刻なパフォーマンスの問題ではありません.モジュールのパッケージはもう必要ないと思っている人もいます.これはもちろん可能です.
リクエスト時には、多くの帯域幅を占有します.
フロントエンドerたちは梱包工具を発明した.
すべてのjsファイルを1つのファイルにパッケージ化することで、httpのリクエスト数を減らすことができます.
しかし、コラボレーション開発モデル.私たちがパッケージ化した後、多くのモジュールからエクスポートされたコードがあります.私たちはまったく使ったことがないかもしれません.これらの冗長コードも一緒にパッケージ化されています.これは裸の帯域幅の浪費ではありませんか.
私たちが使っているフレームワークもありますが、中のすべてのモジュールを使っていますか?そうとは限らないでしょう.
現在、
tree-shaking
技術が登場しています.パッケージ化する前に、呼び出されていない冗長コードを削除します.
先端開発はもう膨らむ必要はありません.
1.rollup.js
このフレームワークでできます.詳しくはこちらをご覧ください.http://www.cnblogs.com/vajoy/p/5518442.html
2.HTTP/2 vsパッケージ
http/1はリクエストごとに1つのtcp接続を占有する.
http/2すべてのリクエストが1つの接続を占め、完全に多重化されます.みんなで並行してダウンロードして、余分なtcp接続を生む必要はありません.パッケージする必要はありませんか?複数のモジュールをロードすることは、深刻なパフォーマンスの問題ではありません.モジュールのパッケージはもう必要ないと思っている人もいます.これはもちろん可能です.