私は2つの部分に分割したいブラウザアプリケーション用のプロジェクトを持っています。 は、最小限の例として、私が持っている./coreであることを想像:除外モジュール(ES6)からインポートするには?
// core.js
import SuperClass from "../core/SuperClass";
export {SuperClass};
// SuperClass.js
class SuperClass
{
constructor()
{
console.log('SuperClass constructor');
}
}
export default SuperClass
とディレクトリ./gameが
//game.js
import SuperClass from "../core/SuperClass";
console.log(SuperClass);
を持っている私は、エントリポイントとしてgame.jsでビルドした場合、すべてがすべての依存関係として罰金ですバンドルに入る。私は./coreから(browserifyの機能を除外する使用して)ファイルを除外し、とgame.js前に、負荷を別々のバンドルを作る場合
しかし、:
<script src="scripts/core.js"></script>
<script src="scripts/game.js"></script>
私が取得:不明なエラーを:game.jsから '../core/SuperClass'モジュールを見つけることができません
これらの依存関係を実行時にgame.jsに提供する方法は何ですか?私のビルドプロセスはgulpを使用し、babelifyしてブラウジングします。
なぜアプリケーションを2つの別々のバンドルに分割したいのですか? – adrice727
多くのアプリで読み込まれた1つのファイルに共通のコードが必要です。異なるアプリケーション固有のコードがあります。 –