たとえば、Reactプロジェクトがあり、メインのエントリ ポイントがapp.js. 私が含める場所React、React-DOMそしてjQueryこのように：
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
...
ここで、次のようにオンデマンドでトリガーするルートがいくつか定義されていると想像してroute1.jsくださいroute2.js。
SystemJS.import('route1.js');
今、私はjspm自分のコードをこのようにバンドルするために使用します (たとえば、多くのカスタム作成バンドルもインポートします) react。したがって、すべてのライブラリとカスタム モジュールをまとめてバンドルすると、.react-domapp.jsapp.jsbuild.js
jspm bundle app.js build.js
現在、オンデマンドでなどbuild.jsの読み込みをトリガーするコードが内部にあります。ただし、andも との ES6 インポートを使用します。もちろん、 or を使用してこれらをバンドルすることもできます。同じライブラリを内部に含めたくありません。または、内部に一度ダウンロードしたためです。ただし、ブラウザがこれを理解していないため、フェッチまたはそのまま (ES6 import ステートメントを使用) のみは機能しません。route1.jsroute2.jsroute1.jsroute2.jsreactreact-domwebpackjspmroute1.jsroute2.jsreactreact-dombuild.jsroute1.jsroute2.jsroute1.jsroute2.jsapp.jsrout1.jsroute.js
どうやって作るの？
- 開発中の ES6 コードを使用して同時にオンデマンドでコードをロードする
- 同じライブラリを複数回ダウンロードしないでください