JavaScript依存関係の数が多いMVCページがあります。依存-Aと依存-Bを依存-Bは依存-Aに依存しています。これらは両方とも、ページに含まれているMVCの異なるバンドルに含まれています。これをGoogleのページスピードツールで実行した後、レンダリングのブロックを防ぐためにJSを非同期に含めるべきだと提案しました。MVCバンドルとJSファイルの非同期ロードを組み合わせる方法
依存関係のため、特にロードする必要があります。そのため、LABJSを使用して非同期的に正しい順序でロードし、レンダリングのブロックを防止しています。
これはバンドルのURLを含めることで機能しますが、開発中にJSファイルのデバッグバージョンをローカルに持つことはできません。
JSファイルを非同期的に読み込むことができますが、デバッグバージョンをローカルで維持できるように、誰でもこの方法を提案できますか?
ここに私が現在使用しているものがあります。
<script src="~/Scripts/LAB.min.js"></script>
<script>
$LAB
.script("@Scripts.Url("~/bundles/jquery")").wait()
.script("/scripts/fileone.js").wait()
.script("/scripts/filetwo.js").wait(function() {
FunctionInFileTwo();
});
</script>
上記コードのページソースは次のとおりです。
<script src="/Scripts/LAB.min.js"></script>
<script>
$LAB
.script("/bundles/jquery?v=GnU3whLS74nHNYUsUJjcWJKdXvKBNbFqBrkQVKSNlKc1").wait()
.script("/scripts/scripts/fileone.js").wait()
.script("/scripts/scripts/filetwo.js").wait(function() {
FunctionInFileTwo();
});
</script>