問題タブ [babeljs]

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 に答える
630 参照

javascript - aurelia、es6、およびクラス名のケース

aurealia でカスタム コンポーネントを研究していて、理解できない奇妙な動作に出くわしました。このことを考慮:

コンポーネント: xxxaaa.html

xxxaaa.js:

app.html:

これは期待どおりに機能し、xxxxxx が表示されます。次に、コンポーネントをキャメルケース化します。

xxxAaa.html: 内容は変更されず、ファイル名のみ

xxxAaa.js:

app.html:

何も表示されませんが、ログにはエラーは含まれていません。

INFO [aurelia] Aurelia 開始 index.js:26 DEBUG [テンプレート] dist/app.html ["dist/xxxAaa"] のリソースをインポート中 index.js:26 DEBUG [テンプレート] dist/xxxAaa.html のリソースをインポート []

したがって、最初の質問は、なぜそうなのか?

更新: これは、aurelia のバグ (間違って作成されたカスタム elt を適切に報告できない) か、実際にどのように機能するかについての私の理解における大きなギャップのように見えます。バグであることを確認するか、aurelia が私の要素を黙って無視する理由を説明してください。

次に、最初の動作状態にロールバックし、xxxaaa.js を次のように変更します。

コンソール ログ エラー:

したがって、2 番目の質問が来ます - この大文字と小文字の区別の原因は何ですか? es6、babel、または aurelia ですか?

更新: ここで aurelia から、クラスが見つからないという苦情が寄せられると思いますが、間違った名前のクラスを取得して使用しようとしているようです。例外自体は非常に曖昧です ( https://github.com/babel/babel/issues/887https://github.com/babel/babel/issues/700 ) が、それが再びケースであることを正しく理解していますか? aurelia からの貧弱なエラー報告の?

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

javascript - Rails アプリケーションで Babel/6-to-5 を使用している人はいますか?

Rails フロントエンドに ES6 を使用する利点は非常に魅力的です。

Rails アプリにトピック ブランチを作成しました。これは、babelを使用して、アセット パイプラインを介して ES6 から ES5 にトランスパイルします。それはうまく機能しますが、いつものように私は技術的負債にうんざりしています。そのようなシステムを本番環境で使用したという良い/悪い報告を持っている人はいますか?

0 投票する
5 に答える
55492 参照

javascript - RegeneratorRuntime が定義されていません

Karma-babel-preprocessorと単純な ES6 ジェネレーターを実行しようとしています。

これから、babel を使用してテスト ファイル (ES6 => ES5) を生成しました。

babel src --watch --out-dir tests

次に、実行するkarma startとエラーが発生します:

ReferenceError: regeneratorRuntime が定義されていません".

karma.conf.js の関連ビット:

github の完全なプロジェクト

矢印を含む多くの ES6 機能を使用できます。ジェネレーターには行かないでください。

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

gulp - gulpタスクのbabeljsフォーマットを保存するには?

gulp を使用していて、babeljs タスクで .js ファイルのフォーマットを保存したいのですが、どうすれば実行できますか?

たとえば、私は持っています:

それは次のように表されます。

これを回避する方法は?

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

javascript - モジュールの未定義になるbabeljs + amdの実験

私はRequireJSと一緒にbabel.jsを試しています。Require が指定されていますが、悲しいことにそれを削除することはできません :( babeljs ドキュメントで、--modules amdES6 コードを AMD 定義にトランスパイルする cli フラグがあることを発見しました。構造は次のとおりです。

index.html

main.js

bootstrap.es6

asseta.es6

アプリケーションに関する私の問題は、アプリケーションを適切にmain.jsロードbootstrapすることです。ログアウトすると、ready 関数を含む既存のオブジェクトを取得しました-> OKしかし、bootstrapモジュールはモジュールを適切にロードできません。asseta私はそのために未定義になります:(

私は何が欠けていますか?

追加情報

このbuild.shスクリプトは、.es6 ファイルのみを ES5 .js にトランスパイルします。

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

javascript - ヨーマン webapp のバベル

私はしばらくの間、Babel (6to5) を yeoman webapp ジェネレーターで動作させようと試みてきましたが、惨めに失敗しました。さまざまな構成を試しましたが、どれも機能せず、インターネットで解決策もありませんでした。babel を webapp ジェネレーターで動作させることに成功した人はいますか? もしそうなら、あなたの grunt 設定ファイルを私と共有できますか?

ありがとう、ルーカス

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

javascript - ES6to5、ES6 モジュール トランスパイラと Babel

このパッケージの違いは何ですか? すべて同じことをしていますか?

ここではブランチを使用しますが、ブランチ固有の質問ではありません。

http://libraries.io/npm/6to5-brunch

http://libraries.io/npm/es6-module-transpiler-brunch

http://libraries.io/npm/babel-brunch