問題タブ [es6-module-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2914 参照

javascript - Aurelia アプリの es2016 で numeric.js のすべての言語をインポートする

aurelia.io のドキュメントにあるような CurrencyValueConverter を使用したいのですが、結果をオランダ語またはドイツ語にローカライズしますが、すべての言語を数値で使用できるようにする方法がわかりません。

Ducth ロケールをインポートして、次のように明示的にロードできます。

しかしもちろん、これは 1 つの言語でしか機能しません。次のようなことを避けながら複数の言語をロードするにはどうすればよいですか

0 投票する
1 に答える
177 参照

ecmascript-6 - 「プログレスバーのサポート」を備えた ES6 モジュールローダー

私は内部 WEB アプリケーション用に独自のモジュール システムを持っています。主要な概念は、アプリケーションが動的であるということです。つまり、実行時にモジュールを追加/削除できます。このため、バンドルを使用できず、個別のモジュールが個別にロードされます。1 つのモジュールを要求すると、依存関係として他の 100 のモジュールが読み込まれる可能性があります。独自のローダーを使用した現在の実装では、これが非同期で行われ、進行状況バーが表示されるため、接続が遅いユーザーは、どれだけ待機する必要があるかがわかります。

現在、モジュールの ES6 構文への切り替えと、github に存在する ES6 互換モジュール ローダーの一部への切り替えの代替手段を評価しています。

問題は、次のようなイベントを提供する API を備えた ES6 互換モジュール ローダーがあるかどうかです。

  • リソースの読み込みを開始しました
  • N of M リソースをロードしました
  • リクエストされたすべてのリソースの読み込みを完了しました

これは、少なくとも次のブラウザーで実行する必要があります: Chrome (最新)、Firefox (最新)、IE11。

0 投票する
0 に答える
439 参照

javascript - Babel でレデューサーをエクスポートできません

これはタイプミスである可能性が高いですが、私は過去 1 時間修正しようとしてきましたが、何も思いつきませんでした。

というファイルがありますapp/reducers/index.js

app/reducers/viewportSize.js単純です:

そしてapp/app.js私は:

Babel からこのエラーが返されます

プロジェクトには他にもimportありexportますが、これは機能したくありません。

これは私の.babelrcファイルです:

アップデート

これらは私の依存関係です

アップデート

これは私のwebpack構成ファイルです

0 投票する
2 に答える
406 参照

typescript - SystemJS モジュール インジェクション

SystemJS と Type スクリプトを使用して次のシナリオを実装するためのベスト プラクティスを探しています -

  1. AbstractLogger.d.ts - いくつかのクラスでモジュールを宣言 (エクスポート) する必要があります。
  2. ConsoleLogger.ts - AbstractLogger を「実装」する必要があります。
  3. Consumer.ts - AbstractLogger クラスを参照して使用する必要があります。

すべてがコンパイルされますが、現在の AbstractLogger 実装として ConsoleLogger をどこに注入すればよいですか? サーバー側のコードでは、単純な DI を使用して簡単に実現できます。ここではどのように行う必要がありますか?

System.config (マップ: ...) を使用しようとしましたが、うまくいきませんでした。これは正しいパターンですか、それともここに何か不足していますか?

ありがとう!

0 投票する
1 に答える
192 参照

ecmascript-6 - webpack + babel を使用してグローバルをインポートする方法

Webpack と Babel を使用して構築されたアプリケーションがあり、エクスポートを行わないサード パーティのライブラリをインポートしようとしています。さらに、サード パーティのライブラリがウィンドウ オブジェクトに直接アタッチされています。

The3rdPartyLib をインポートできるようにするには、アプリで何をする必要がありますか?

webpack docsごとにローダー構文に従ってみましたが、機能しません:

0 投票する
1 に答える
961 参照

javascript - CoffeeScript と Browserify で ES6 インポートを使用する

CoffeeScript はまだ ES6 をサポートしていませimportん。( https://github.com/jashkenas/coffeescript/issues/3162を参照)

リンクで説明されているように、次の構文を使用しようとしました。

ただし、Browserify は次のエラーをスローします。

だから、私は現在、古い伝統的な方法で立ち往生しています:

これは問題なく動作しますが、必要に応じて各ファイルで使用するreduxActions.createActionか、手動で定義する必要があります。createAction = reduxActions.createActionもしあれば、これを行うためのより良い方法を探しています。

0 投票する
1 に答える
66 参照

javascript - import ステートメントを介した ECMA-Script 2015 (およびそれ以降) のモジュールのロードは、実際にはどのように舞台裏で機能しますか?

ほとんどの場合、モジュールとimportステートメントを使用してBabelなどのツールを使用してそれらをトランスパイルしているため、ネイティブ Web ブラウザーの実装がいわゆるステートメントを使用して外部ファイルをロードする方法に興味があります。import

モジュールは内部でXmlHttpRequest/を使用してロードされXmlHttpRequest2ますか?

私の知る限り、標準全体では、JavaScript ソース コードを評価して名前付きモジュールとして登録するSystemようなメソッドがあるグローバル変数としてプログラム API を定義しています。System.define

これは、実際のモジュール システムの実装が外部ファイル モジュールの読み込みをカバーしないことを意味しますか (つまり、ライブラリ/フレームワークまたは独自のバニラ JavaScript コードはXmlHttpRequest? を使用してソース コードを取得する必要があります)。