問題タブ [traceur]

ES6 js ファイルをコンパイルしようとしています。私は gulp パイプラインで gulp-traceur と gulp-wepback を使用しています。

gulp実行時。私はエラーを取ります: 予期しない予約語です。このファイル タイプを処理するには、適切なローダーが必要になる場合があります。「クラス」という単語を含む行。(ES6 構文)

これらのプラグインを一緒に使用する方法がわかりませんか?

Traceurを使用して基本的なES6の例を作成していますが、Chrome（実験的なJSをオンにして）でエラー「予期しない識別子」が出力されます。PLNKRは何も出力しません。http://plnkr.co/edit/ruhofm9r8nbabtvr87cy?p=preview

私の質問は、なぜこれが plnkr で機能しないのかということです。また、ES6 を今すぐ書き始めるためのより信頼できる方法はありますか?

maven プロジェクトで traceur または Babel (以前は 6to5 という名前) を使用して ECMAScript6 コードを ECMAScript5 にトランスパイルする方法は既にありますか? 私はすでに成功せずにネットを検索しました。

を介して node.js で ES6 開発を有効にするために traceur を使用していtraceur.require.makeDefaultます。これは問題なく動作します。

Gemfury をプライベート npm リポジトリとして使用していますが、これも機能します。ES6 を使用して独自の npm パッケージを作成しています。私が遭遇した課題は、ES5 モジュールと ES6 モジュールの両方のロードをサポートする方法でした。典型的なtraceur.require.makeDefaultコード ブロックの例node_modulesでは、パスにディレクトリがあるものはすべてスキップされます。

この問題を解決した方法は次のとおりです。

package.json上記のコードで動作する ES6 モジュールの例(プライバシー保護のため、一部の情報は削除されています):

特定の npm モジュール パスを指定すると、このコードは、package.jsonファイルが見つかるまでディレクトリ ツリーをたどり、それを読み取り、キーを検査しes6ます。true の場合、traceur がファイルを処理できるようになります。

私の質問は次のとおりです。上記の実装を考えると、これを行うためのより良い方法はありますか?

私は ES6 クラスを使用して AngularJS アプリを構築しており、トレーサーは AMD 形式で ES5 にトランスパイルしています。

私のモジュールでは、インターセプター クラスをインポートしてサービスとして登録し、このサービスを module.config の $httpProvider.interceptors に登録します。

私のインターセプター クラスは$qと$windowサービスの両方を注入し、後で使用するためにコンストラクターに保存します。この部分をデバッガーで追跡したところ、インジェクションは適切に行われています。

401で応答する要求を行うと、インターセプターが適切にトリガーされますが、「responseError」メソッドでは、「this」変数がインターセプターではなくウィンドウ オブジェクトを指しているため、this.$qまたはthis.$window .

理由がわかりませんか？何か案は？

私は、babel の代わりに traceur で動作する aurelia サンプル アプリを作成しようとしています。目的は、私が理解している限りでは、babebl ( https://github.com/babel/babel/issues/68 ) でサポートされていない静的メンバーを持ち、gulp を学習することです。これまでのところ、gulp ビルド タスクで babel を traceur に置き換えましたが、ビルドされますが、ブラウザーでさまざまなファンシー エラーで失敗します (たとえば、「Uncaught TypeError: Cannot read property 'addAppender' of undefined」で main.js から LogManager.addAppender を拒否します)。 . したがって、traceur コンパイル オプションの研究に飛び込む前に、経験豊富なオプションの意見を得たいと思います。

Aurelia は、少なくとも理論的には、babel の代わりに traceur を使用できるはずですか?