問題タブ [es6-module-loader]

はい、読みましたグローバルjQueryとlodashに依存する非CommonJS、非AMDパッケージをシムするにはどうすればよいですか? .

jspm を介して X.js を読み込もうとしていますが、これは「パッケージ」ではなく、制御できない古い js ファイルであり、グローバルな jQuery オブジェクトが必要であり、スクリプト タグのように実行する必要があります。

System.import('app/X'); を使用しています。ロードします。

さまざまなシム/グローバルのトリックを試してロードしましたが、よくわかりません。

そのXファイルをインポートしてグローバルなjQueryオブジェクトを認識できるようにするには、config.jsをどのように記述すればよいでしょうか? X を「パッケージ」にしてインストールしなければ、より適切に shim できませんか?

ありがとう。

現在、babel でのモジュールの変換に問題があります。

babel を使用してコードを AMD モジュールにトランスパイルする場合、requirejs ライブラリを含めることでブラウザーで動作させることができます。しかし、この方程式に反応を導入しようとすると、反応が AMD とうまく機能しないため、いくつかの問題が発生します。不一致エラー ( http://requirejs.org/docs/errors.html#mismatch ) が発生しているため、反応が vendor.js ファイルに同期的に読み込まれます。

逆に、babel が使用するデフォルトのモジュール仕様である commonjs を使用して試してみた場合、ブラウザで機能させる方法がわかりません。前の例の requirejs のようなライブラリがないと、ブラウザは「エクスポートが定義されていません」などのエラーを出します。es6-module-loader や babel browerser polyfill などを含めようとしましたが、あまり成功しませんでした。

ps: ビルド フローは broccolijs を使用しています。

アプリケーションでモジュールなどの ES6 機能を使用することに多くの価値があると感じているため、JSPM を試しており、結果としてシステム JS を試しています。ただし、CJS と AMD を同時に使用してモジュールを管理できるようにしたいと考えています。CJS モジュールと ES6 モジュールを読み込んで実行しようとしているメイン アプリ ファイルのコードの例を次に示します。

しかし、私はエラーが発生します

1 つの方法だけを使用すると、アプリケーションはエラーなしで実行されます。JSPM を使用して、ES6、CJS、および AMD を同じアプリケーションに共存させることが可能かどうかを知っている人はいますか?

それができない場合、3 つのアプローチすべてを同時にサポートする代替モジュール ローダー ライブラリを推奨できる人はいますか?

System.importtraceur を使用するアプリケーションを Babel に移植しています。私の簡略化された HTML は次のようになります。

これは私に与えます

代わりに./css.js、.js拡張子を指定すると、機能します。ただし、その後css.js、フォームの内部およびシステム全体にインポートします

不合格。

es6-module-loader が.js拡張機能を必要としているようです。es6-module-loader.jsに、インポートの名前に拡張機能を追加するデモ ページを含むコミットがあることに気付きました。このページには、私も見ます

.js 拡張子もデフォルトで追加されなくなりました。これらの変更は、新しい仕様作業への移行の一部です。詳細については、whatwg/loader#52 の議論を参照してください。.js 拡張子の追加は、必要に応じてカスタム フックを使用して簡単に追加できます。

しかし、どのようなフックが参照されているのか、どのように記述すればよいのかわかりません。

ブラウザーでの動的な読み込みとトランスパイルは理想的ではない可能性があり、堅牢な運用アプローチではないことを認識しています。ただし、この特定のアプリは個々の ES6 ファイルを動的にロードするため、当面はこの方法に固執する必要があります。

私の質問は次のとおりです: es6-module-loader は拡張子を必要としますか、それともデフォルトでファイル.jsを探すように指示する方法はありますか?.js

Polymer を ES6 クラスと結合するさらに別の試み。

そして、インポートされたes6クラス（systemjsによる）を持つポリマーコンポーネントでwctテストがランダムに失敗することを除いて、ほとんど機能します。私が理解している限り、これは mocha がテストを実行した後にクラス定義を含むスクリプトがロードされるために発生します。ポリマー コンポーネントは、html と javascript (後者を es5 にコンパイルするため) の 2 つの部分で構成されます。

html:

JavaScript:

これは、少なくとも localhost からロードされた場合、ブラウザーで非常に安定して動作するようです。しかし、テストを「修正」する唯一のことは、Polymer の ready 呼び出しを遅らせることです。

これは、ある時点でこれがすべてブラウザでも失敗することを意味します (おそらく、ローカルホスト以外からサービスを提供している場合)。

どうにかしてシステム レジスタの約束を達成し、HTMLImports.whenDocumentReady に似たものを作成することを考えていますが、これがどのように機能するかについてはまだ明確に理解していません。

ですから、どんなアイデアや提案も大歓迎です！

サンプル アプリは github にあります。

失敗するよりも頻繁に成功させるには、wct.conf.js で verbose を true に変更します。

更新の種類:システム js SFX ライブラリをインポートする方法

こんにちは、私は退屈で Es-6 に慣れていません。ばかげた質問かもしれませんが、苦労しています。配列内の合計データが必要です。退屈な接続を使用して、ここに私のコードがあります。

request.on('done', function(rowCount, more) を追加すると、データを取得できませんでした。誰でも解決策を提供できます。合計データを表示したい

C# や Java などの他のプログラミング言語のように、依存関係を ES2015 モジュールに注入することは可能ですか? モジュールをインポートすると、そのモジュールへの強い依存関係が作成され、後で実行時に変更できなくなります。たとえば、次の JavaScript コードがあります。

dog モジュールをインポートしています。しかし、それを猫に変更したい場合はどうすればよいでしょうか。現時点では、1行目を手動で変更する必要がありますが、状況によっては、外部から構成可能にして、特定の条件下では猫が存在し、他の特定の条件下では猫になるようにする必要があります。従来の依存性注入で実行できるすべてのこと。

Scatter、Electrolyte、Wireなどの DI フレームワークがいくつかあることは知っていますが、残念ながらそれらのほとんどは特別な構文を必要とし、 ES2015 モジュール用に作成されていません。