問題タブ [babeljs]

babelの助けを借りて ES6 ジェネレーターを試していますが、コールバック ベースの非同期関数を効果的に使用してイテレーターを出力する方法 (またはその場合) を理解するのに苦労しています。

いくつかの URL を受け取り、それらを非同期にダウンロードし、ダウンロードしたらすぐに返す関数を書きたいとしましょう。以下のような文章が書けるようになりたいです。

どうすれば実装できdownloadUrlsますか? 理想的には、次のように記述できるようになりたいと考えています。

「yield」はコールバック内で呼び出され、ジェネレーター内で直接呼び出されないため、これはもちろん機能しません。同じことを試みている人々の多くの例をオンラインで見つけることができます。それらはあまり透明ではありません)、ブラウザ/ノードフラグを有効にする必要があるか、ノード固有の機能/ライブラリを使用しています。必要なものに最も近いライブラリはtask.jsのようですが、現在の Chrome で最も単純な例を実行することさえできません。

標準機能と現在の機能を使用して意図した動作を取得する方法はありasync/awaitますか?

そのため、Aurelia のドキュメントが最近更新され、多くのものがデコレータに置き換えられました@binding。それらを使用しようとすると、次のエラーが表示されます。

[4] Unexpected token @ (警告: non-Error used)

すべての形式の npm update を実行しましたが、それでもエラーが発生します。考え？

モジュールをNPMに公開しようとしていたとき、ES6で書き直し、将来の保証とES6の学習の両方を考えていました。Babel を使用して ES5 にトランスパイルし、テストを実行しました。しかし、どうすればよいかわかりません：

1. トランスパイルして、結果の /out フォルダーを NPM に公開しますか?
2. Github リポジトリに結果フォルダーを含めますか?
3. それとも、2 つのリポジトリを維持する必要がありますか?

要するに、ES6 で記述されたモジュールを NPM に公開するには、どのような手順を踏む必要がありますか?

babel-loader にはcacheDirectoryオプションがあります。次の webpack セットアップでの使用方法がわかりません。

どこに行くべきですか？

ハイホー、

Mocha の設定に問題があります。Babel でコンパイルする必要がある ES6 コードがあり、この ES6 コードのカバレッジ (LCOV 形式) を取得したいと考えています。

この問題に対する私のアプローチは、、、およびパッケージを使用することmochaでした。コード構造は次のとおりです。mocha-lcov-reporterbabelblanket

仕様はディレクトリ (パターンにtest/specも一致) にあり、次のとおりです。*.spec.jsblanket.js

私が準備したコマンドは次のとおりです。

したがって、すべてのファイルに対して Mocha テストを実行し*.spec.js、それらを Babel でコンパイルし、test/blanket.jsファイルを開始する必要があります。

このコマンドを開始すると、Error: Line 1: Unexpected reserved wordからエラーが発生しesprima.jsます。テスト/ブランケットファイルを必要とせずに実行すると、問題なく実行されますが、ofc はカバーしていません。

誰かがそうしようとしましたか？それを行う方法はありますか？

Babelを介してNodeでES6を使用しています。スクリプトを使用して ES6 スクリプトを実行できrun-babelます。したがって、これは機能します：

しかし、Gulp タスクからこれらの ES6 スクリプトの 1 つにアクセスしたいのですが、Gulp はバニラ ノードで実行されます。

ES6 で Gulp タスクを作成する方法はありますか

私のgulpfile：

可能であればこれを改善するにはどうすればよいですか？エラー時に browserify + transform (babelify) + console.log で 1 つのタスクしか記述できないのでしょうか? この時点で、解析エラーが発生した場合、gulp ウォッチングがクラッシュしました。

Sublime 3でbabel-eslintを動作させようとしています。インストールしました:

• npm でグローバルに eslint と babel-eslint
• Sublime の SublimeLinter パッケージ
• Sublime の SublimeLinter-contrib-eslint パッケージ

また、 "syntax_map": { ... "JavaScript (Babel)": "javascript" }SublimeLinter.sublime-settings ファイルに以下を追加しました。

"parser": "espree".eslintrc ファイルでリンターを実行すると、正常に動作します。しかし、パーサーをbabel-eslintに変更すると、機能しなくなります。

ここのチュートリアルに従おうとしました: https://medium.com/@dan_abramov/lint-like-it-s-2015-6987d44c5b48そして、すべてを正しく行っているようです。

私が間違っていることについてのアイデアはありますか？

Zombie.js のソース コードを読んだときに、次のasync/awaitキーワードを見つけました。

https://github.com/assaf/zombie/blob/41807a39c7aa1a13c4ef51575e0d581be96175bc/test/event_source_test.js#L60

なぜそのようなキーワードを使用できるのでしょうか。コードの動作は何ですか？コードベースから手がかりを見つけようとしましたが、ラッキーではありませんでした

私は System.import() と ES6 で遊んでいますが、今では次のようなものを手に入れました:

ES6 ファイルをインポートするときはすべてうまくいきますが、最初に jQuery を読み込もうとすると、次のようになります。

エラーが発生します：

[BABEL] 注: コード ジェネレーターは、「http://project.loc.com/Public/Js/Common/jQuery.js」のスタイル設定が最大の「100KB」を超えているため、最適化を解除しました。

したがって、Babel がこのファイルを処理しようとしているように見えますが、ES6 ファイルではないため処理すべきではありません。

よくわかりませんが、間違ったアプローチを使用している可能性があります。

どんな助けでも大歓迎です！

ありがとうございました ：）