問題タブ [code-splitting]

私は GWT アプリに多くのフォームを持っています。各フォームは、クライアントがプログラムのアイコンをクリックしたときに読み込まれるだけかもしれませんが、コードのどこでも各クラスでいくつかの静的メンバーを使用しました。
大量の初期化コードのダウンロードを避けるために、コードを次のように分割しました。

初期条件に従ってフォーム1とフォーム2の非静的コンテンツをロードするのは正しい解決策ですか?
静的メンバーとコンテンツはどうですか?
そして、ベースフォームはどうなりますか？ベースコードは、最初のフォームがロードされたときに一度だけロードされますか、それとも両方にロードされますか?

私たちは GWT RPC の非常にヘビーなユーザーであり、GWT RPC をフレームワークにラップして、はるかに使いやすくしました。アプリケーションは大きく、さらに大きくなる予定なので、分割点についてもっと考える必要があります。アプリの分割ポイントを持つ非常に自然な方法の 1 つは、GWT RPC 呼び出しに関するものです。それらはすでに非同期であり、その観点から安全であり、アプリケーションの領域を非常にうまく分離しています。

問題は、開発者が二重非同期呼び出しで明示的にコーディングすることなく、GWT RPC 呼び出しの周りに GWT 分割ポイントを一般的に適用する方法があるかどうかです。具体的には、これを行いたくありません。

フレームワーク内に GWT.runAsync ラッピングを追加しようとしました (すべての GWT RPC 呼び出しで実行可能)。しかし、それは汎用的で常に必要なフレームワーク メソッドの小さな本体を分割するだけです - GWT (2.7.0) は決定できません (byこれは、このメソッドへのすべての呼び出しに適用でき、また適用する必要があります)。

開発者が runAsync でコードを追加で特別にラップする必要なく、これを達成する方法はありますか?

ありがとう！

私は GWT プロジェクトに取り組んでおり、プロジェクトの処理速度を上げるために、コード分割手法を使用して js ファイルを分割しています。現在、プロジェクトの初期ロードシーケンスについて検討し、プロジェクトに実装しようとしました。プロジェクト xml ファイルでクラスのシーケンスを指定すると、複数の runAsync メソッド、つまり複数の分割ポイントを持つクラスがあり、エラーが発生しました 複数のrunAsync 呼び出しがクラス com.client.MyHistoryListener でラベル付けされています

質問事項: - 1.エラーの理由は?

2. 単一のクラスに複数の runAsync() を使用しても問題ありませんか? クラス コードが断片化されますか?

3. 初期ロード シーケンスの正しい方法とその管理方法は?

   public void onModuleLoad() { GWT.runAsync(new RunAsyncCallback() {

   }

webpackでやろうとしていることを達成できると思いますが、まだ理解できませんでした。ユースケースはこちら。

まったく同じベンダー バンドルを再利用する Angular アプリ (同じブラウザー ウィンドウ内に読み込まれる) がいくつかあります。現在、webpack は各アプリで app.[app_module_name].js と vendor.js の 2 つのファイルを生成します。したがって、理論的には、html ページにvendor.js ファイルを 1 つだけ含めてから、いくつかのアプリ モジュールをロードできるはずです。ただし、ベンダーの lib の webpack 内部参照が互いに異なるため、これは機能しません。

以下は現時点での私の構成です。誰かが私を助けることができれば素晴らしいだろう.

webpackのrequire.ensure最初のパラメータの最初のパラメータの使用は何ですか?

https://webpack.github.io/docs/code-splitting.html

次のように、最初のパラメーターを入力または空にしようとしました。

どちらも機能しています。では、最初のパラメーターの用途は何ですか?

require.includeドキュメントには、この関数の使用例を理解していない関数もあります。誰かも説明できますか？

私は webpack について少し知っていますが、私の質問に対する簡単な答えが見つかりません。Webpack でのコード分割とはどういう意味ですか?

異なるルート用に個別のバンドル js ファイルを作成し、クライアントから要求されたときにこれらの js ファイルを取得するための ajax 操作を実行していますか。

または、最初のヒット後に最初に要求されたページを適切に表示した後、サーバーから他の個々の js ファイルを取得するための非同期呼び出しを実行していますか?

やり方を学ぶ前に、何を学んでいるかについて考えたいと思います。Webpack docs はまったく役に立ちません。webpack の仕組みを完全に理解していることを前提としています。

私のスタック: NodeJS + 反応 +... + gulp + webpack 2.1

ES6 を一般的な JS にトランスパイルするとき、プロジェクト コードを 2 つのバンドルに分割したいと考えています。1 つはノード モジュールを含み、もう 1 つはアプリ コードのみを含みます。node-module-bundle に入れる各モジュールを明示的に指定せずにそれを行う方法。

Webpack documentationから、エントリとして使用する必要があるディレクトリを指定する方法がわかりません。誰もそれを行う方法を知っていますか?

よろしく