Marionette を使用して構築した Web サイトを移植するために、atom/electron で JSPM を使用し始めました。
Marionette モジュールを中心にすべてのアプリを作成しているため、アプリを起動する前にすべての JavasSript ファイルをロードしたいと考えています。
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
loadApp = System.import('./scripts/app_definition').then(function(m){
window.App = m['App'];
});
</script>
<!-- inject:js -->
##LOTS INJECTED SCRIPTS THAT NEEDS window.App to be defined##
<script src="compiled/modules/video/video_app.js"></script>
<!-- endinject -->
<script type="text/javascript">
loadApp.then(function(){
App.start();
})
</script>
の非同期の性質に問題がありSystem.import()
ます。System.import が App コードのロードを完了した後、どのようにスクリプトをロードしますか?
本番環境では、すべてのファイルを単一の js モジュールに連結し、System.import を使用してそのモジュールをロードするため、これで問題はありませんが、デバッグするのは悪夢になるため、ファイルを個別にロードすることをお勧めします。
何かご意見は?ありがとう!