2

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 を使用してそのモジュールをロードするため、これで問題はありませんが、デバッグするのは悪夢になるため、ファイルを個別にロードすることをお勧めします。

何かご意見は?ありがとう!

4

1 に答える 1