ECMA6モジュールシステムは、ダウンロードされた生コードの量を減らしますか？

Question

は私がSystemJSまたはいくつかの他のモジュールローダを使用する場合

//------ lib.js ------ 
export const sqrt = Math.sqrt; 
export function square(x) { 
    return x * x; 
} 
export function diag(x, y) { 
    return sqrt(square(x) + square(y)); 
} 

//------ main.js ------ 
import { square } from 'lib'; 
console.log(square(11)); // 121 

、それが唯一の正方形のためのJSをダウンロードしない...私は、次の例があると？またはdiagを含むファイル全体をダウンロードしますか？ SystemJSはクライアントサイドにロードされているので、どのように動作するのか混乱しています。より多くのTCP要求を作成し、少し遅くなるのではないでしょうか？

このモジュールパターンに切り替えると、サイズが小さくなり（要求、帯域幅など）、次に縮小され連結されたJSファイルが作成されることに少し混乱します。

Answer 1

モジュールシステム（任意のモジュールシステム）は、部分ファイルをダウンロードできません。それは、ファイル全体をダウンロードして完全に解析し、ローダの機能と実装に応じて、必要なものだけを使うようにメモリのフットプリントを減らすかもしれません。

帯域幅を小さくしました&要求はクライアントキャッシュの結果です。連結して縮小すると、いくつかのページに存在するモジュールは完全に連結されたスクリプトに組み込まれているため、すべてキャッシュされません。