私はsystem.js(そのチュートリアルではangular2からインスピレーションを受けています)を使って遊んでいますが、最も簡単なサンプルであってもパフォーマンスは非常に悪いです。次のコードは、第間26000msの遅延(!)(System.import
前のもの)と実行中に局所的にconsole.log(app.js
で)最後(SOないネットワーク遅延)System.jsを使用したパフォーマンスの問題
率を有する例えば
。 HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>System.js Sample</title>
<script>console.log("1: " + new Date().getTime());</script>
<script src="bower_components/system.js/dist/system.js"></script>
</head>
<body>
<script>
console.log('2: ' + new Date().getTime());
System.import('app.js');
</script>
</body>
</html>
App.js:( "system.js": "〜0.18.17")私は亭経由system.js最新バージョンをインストールし
console.log('3: ' + new Date().getTime());
とすべて削除残りのコードは、実際にはSystem.importの呼び出しであり、これには年月がかかります。だから私は何が間違っているの?ネットワークタブの
ピクチャークロームの下のページを読み込む:非同期ロードスクリプトをsystem.js念頭に持つ
System.jsにはシステムスタイルモジュールを使用すると非常に遅くなるバグがありますが、AMDを使用している場合はOKです。システムスタイルモジュールを使用している場合は、AMDに切り替えて、それがより優れているかどうかを確認してください。 – Ixonal
@Ixonal私は、「すべてのスクリプトを1つに連結し、スクリプトタグとして含める」という真のテスト済みの方法から切り換えていることを考慮して、もう少し情報が必要な場合があります。 js私はそれに固執したい(または、それはちょうど異なる構文しかし同じライブラリを意味するのですか?はい、私はちょっと混乱しています)。 – Voo
私はあなたがTypeScriptを使用していると仮定していますか? tsconfig.jsonファイル内のモジュールに使用するシステムを設定できます。モジュールを "amd"に設定するだけです。 SystemはCommonJS、AMD、ES6、およびSystemスタイルのインポートを認識できるため、AMDに移行しても問題ありません。 – Ixonal