問題タブ [amd]

I have on my site legacy JavaScript that uses Sizzle as selector engine.

I recently added the dojo library (v 1.8) for visualization purposes (charts, etc.). Because dojo includes selectors (dojo/select), I am thinking that Sizzle is now redundant and that I could replace it with dojo/select. Is there a way to make dojo/select work with non-AMD code?

私は AMD の環境で作業しており、そのために Require.js を使用しています。また、フレームワークとして KnockOut を使用します。ここでの問題は、ノックアウトに大きく依存するノックアウト用のプラグインをダウンロードしたところです。

私のアプリケーションの AMD の性質は正確にはわかりませんが、プラグインが正しく動作せず、プラグインのロード中に Ko が定義されていないというエラーがスローされます。

同様の問題に直面したことがある人からの提案はありますか?

コンテキスト: JavaScript および AMD モジュール (require.js など) で記述された単一ページ Web アプリケーション

AMDモジュールでi18nを実装するより良い方法は何ですか?

まあ言ってみれば：

translation.js はいくつかの i18n 関数を返します

そのようなアプローチは大丈夫ですか？

サンドボックスを処理するメディエーター オブジェクトを取得しました。

各サンドボックスはメディエーターに登録する必要があります。私はrequirejsも使用しているため、プロトタイプではなくインスタンスを共有する方法がわからないため、これは少し問題です。

mediator.js

sandbox_one.js

sandbox_two.js

現在のアプローチで述べたように、2 つの異なるメディエーターにサンドボックスを登録します。これを解決する 1 つのアイデアは、シングルトン パターンを使用することですが、これはアーキテクチャと requirejs の推奨事項と競合します。

では、サンドボックスがすべて Mediator の同じインスタンスに登録されるようにするには、他にどのような方法が必要でしょうか?

既存のAMDモジュールを再構築して、RequireJSが表示されているページと表示されていないページの両方で使用できるようにする必要があります。どのようにすればよいですか、サンプルコードはありますか？厳密な要件ではありませんが、グローバル名前空間を汚染しない方法であることが望ましいでしょう。

だから私はrequirejsとバックボーンの初心者ですが、ローカルマシンにblueimpファイルアップローダーのすべての依存関係をロードしようとしており、外部スクリプトをロードしていません。これが私のconfig.jsファイルです：

他のすべてのファイルをバックボーンの依存関係として配置することは想定されていませんが、ロードしようとしているだけです。

何が起こるかというと、エラーなしで読み込まれますが、ページを見ると、canvas-to-blob.min.js、load-image.min.js、およびtmpl.min.jsしか読み込まれていません。

なぜこれが起こるのか考えはありますか？たとえば、他のファイルの1つのパスを間違ったものに変更すると、ロードしようとしているかのようにスローされてエラーが発生し、失敗するため、奇妙です。しかし、正しいパスの場合、ロードされません...

AMD (非同期モジュール定義) で 'require' は同期ですか? もしそうなら、何がこの仕様を非同期にするのですか? コードの途中に require() がある場合 (まだロードされていない場合)、実行が停止しますか? ブラウザ側で話します。

RequireJS 2.0.6 を使用しています。また、ライブラリの 1 つ (amplifyjs) でロードの問題が発生することもあります。

計画：

私のmain.js：

インデックス.html:

75% の確率で動作しますが、時々このエラーが発生します:

パスが間違っています！しかし、なぜこれが起こるのかわかりませんか？そして、なぜ時々だけですか？

（パッケージで何かをしなければならないことはかなり確信していますが、なぜそれをするのかわかりません）

質問 1 :

JavaScript ファイルを Web ページに非同期的にロードする必要があるのはなぜですか? サーバー側でその根拠を確認できますが、クライアントにロードする必要があるすべてのファイルを知っている場合、すべてのソース ファイルを 1 つのファイルに連結してページのロード時にロードしないのはなぜですか? すべての JS ファイルを取得する際の待ち時間が原因で、将来の操作が遅くなる可能性があるほど、最初の最初のページの読み込みが重要ですか?

質問 2 :

質問 1 に対する答えが、JS ファイルを個別にロードする必要があると仮定すると、次のようになります。

AMD は各 JS ファイルを非同期で読み込みますが、CommonJS は同期で読み込みます。CJS は、サーバー側の読み込みに必要です (Node.js のしくみは、私が間違っていなければそうです)。AMDは、クライアントにより適しているようです。したがって、クライアントで CJS を使用する唯一の理由は、サーバーとコードを共有することです。

AMD と CJS を適切に再生して、クライアントの JS ファイルを非同期にロードできるようにする方法はありますか?

(require.js は正確には何をするのでしょうか? 私は一生、彼らの Web サイトの行間を読むことはできません。)

私たちの Dojo システムでは、dojoConfig で次のように指定されています。

そのため、require ステートメントで行う必要があるのは、次のようなことだけです。

問題は、ビルドを実行すると、この dojoConfig が利用できず、「myWidgets」がビルド プロファイルに従って定義されていないため、多数の依存関係エラーが発生することです。

ここで、ビルド プロファイルにもパッケージ ブロックを追加しようとしましたが、その最終結果は実際の「myWidgets」パッケージを作成することであり、これは望ましくありません。

では、ビルドに「myWidgets」エイリアスの定義を表示させながら、ビルド出力の最終結果を通常のファイル構造 (つまり、/js/libs/widgets) に反映させる方法はありますか? ビルド プロファイルの defaultConfig 要素でこれらのパス エイリアスを定義しようとしましたが、どちらも機能しません。