連続してバンドルを同時にロードする

Question

SystemJSを使用して2つのバンドル、aurelia.jsとapp-build.jsをロードしています。 SystemJsはそれらを次々にロードしています。 SystemJsにそれらを同時にロードするように頼むことができますか？

当社config.jsを、明確にするために省略詳細は、次のようになります。

System.config({ 
    defaultJSExtensions: true, 
    transpiler: "none", 
    paths: { 
    // omitted 
    }, 
    meta: { 
    // omitted 
    }, 
    map: { 
    // omitted 
    }, 
    bundles: { 
    "app-build.js": [ 
     "about.html!github:systemjs/plugin-text@0.0.3.js", 
     "about.js", 
     "admin.html!github:systemjs/plugin-text@0.0.3.js", 
     "admin.js", 
     // et cetera 
    ], 
    "aurelia.js": [ 
     "github:HubSpot/tether@1.3.2.js", 
     "github:HubSpot/tether@1.3.2/js/tether.js", 
     "github:Leaflet/Leaflet@0.7.7.js", 
     "github:Leaflet/Leaflet@0.7.7/dist/leaflet-src.js", 
     // et cetera 
    ] 
    }, 
    depCache: { 
    // omitted 
    } 
}); 

Answer 1

config.jsは、各モジュールが配置されているバンドルしたSystemJSローダーに指示します。 SystemJSでは、モジュールとしての遅延ロードバンドルが必要です。上記の理由は、依存関係の階層が線形であるためです。あなたのindex.htmlは、おそらくこのような行があります。

System.import('aurelia-bootstrapper'); 

のでSystemJSは「オーレリア・ブートストラップ」モデルを探して、それを必要とバンドルをロードします。ブートストラップは、設定に応じてmain.jsまたはapp.jsファイルをロードすることよりも優先されます。

最善の解決策

は、あなたのバンドルを分離ないを行います。バンドルしている場合、GZIPも同様です。これらは実稼働環境の標準でもあり、常に一緒に実行する必要があるからです。すべてのファイルを1つのファイルにバンドルすると、GZipはより高い圧縮率を達成します。自分でバンドルを作成しない限り、バンドルを分割する理由はほとんどありません。

他のソリューション

あなたindex.htmlに「アウレリア - ブートストラップ」インポートを使用して他のバンドルの手動インポートを追加します。

<script> 
    System.import('my-module/main'); 
    System.import('aurelia-bootstrapper'); 
</script>