問題タブ [traceur]

ES6 で書かれた小さな静的プロジェクトがあります。これは、(開発目的で) リロードごとに Traceur で動的にコンパイルされます。

の内容bootstrap.jsはかなり単純です。

現在、ソース マップを動作させることができません (Chrome 34)。マニュアルは、ファイルをオフラインでコンパイルし、適切なヘッダーを付けて提供する必要があることを示唆していますが、それはまさに私が避けようとしていたことです。

ソース マップをクライアント側から完全に動作させる方法はありますか?

Typescript の恩恵を受ける可能性のある大規模なコード ベースに取り組んでいますが、最終的には世界が ES6 に移行するため、Traceur に向けて開発を進める必要がありますか?

ES6 をターゲットにするために Typescript の実装を変更したくないので (準備ができたら)、Traceur を使用することにしました。

誰でもアドバイスできますか？

Traceurを介して ES6 を実行したい。ただし、AMD モジュールまたは commonjs を受け入れることができる Webpack も使用したいと思います。

Traceur がこれらと互換性を保つための手順 (ES5 の出力が require +definesなどを維持する) を行っているかどうか、また Traceur を気にせずに Webpack ビルドを進めることができるかどうか疑問に思っていました。

私はgoogles traceur ( https://github.com/google/traceur-compiler )を使用しており、webstormを設定してtraceurファイルを監視し、それらを「パブリック」ディレクトリに出力しました。

ここに私のトレーサーウォッチャーの引数があります

これは機能していますが、traceur コンパイラから出力されたファイルに対して「uglify-js」を実行したいと考えています。

私の醜い議論：

ただし、 /public/ を取得する代わりに、ウォッチャーでこれらの引数を使用して実行されます

何か案は？

私が管理しているいくつかの小さなクライアント側のマイクロ ライブラリに Traceur を使用しようとしていました。「クラス」と他のいくつかのES6機能を使用するようにそれらをリファクタリングしてから、本番用にes5バージョンをコンパイルしたいと思います。

ただし、クラスを追加すると、コンパイルされたアウトには、必要なものすべてに対して非常に大きなランタイムが必要になります (コンストラクター関数を拡張するだけです)。実行に必要なものだけを CoffeeScript のような 1 つのファイルに入れるように構成する方法はありますか?

ウィンドウ スコープ外のいくつかの変数にアクセスする既存のプロジェクトがあります。それらを変更することはオプションですが、以下が機能しない理由を理解したいと思います...

なぜこれが起こり、どうすれば修正できますか? ウィンドウをインポートできず、検索でこれを修正する方法についての参照も見つかりませんでした。

公式のtraceur モジュールcompileを使用して、およびのデフォルト オプションを設定することは可能requireですか?

たとえば、次のコードは機能します。

traceur.compileの 2 番目の引数 (オプション オブジェクト)を削除すると、次のようになります。

blockBindingオプションが有効になっていないため、Traceur はエラーをスローします。オプションオブジェクトを常に渡さずにファイルをコンパイルするために、デフォルトオプションを変更する方法はありますか?

私の主な関心事は、DRY 原則の適用とは別に、カスタマイズされたオプションを使用してファイルをコンパイルする関数を取得するtraceur.requireことです。traceur.requiretraceur.require.makeDefault()options

たとえば、次のコード サンプルを考えてみます。

そして、このコード:

experimentalオプションを有効にして必要なファイルをコンパイルする方法はありますか?
他に実行可能な方法が見当たらないので、デフォルトのオプションを変更することをお勧めします。

Node 0.10.29 と Traceur 0.0.49 を使用。

これが私が達成したいことの完全な例です。

bootstrap.js (エントリ ポイント):

index.js:

lib.js:

予想されるコンソール出力:1

traceur.options.experimental=trueオブジェクトの実験的な機能を有効にするセッターとして機能しtraceur.optionsますが、残念ながら私が見る限り、影響を与えていtraceur.optionsないようです。traceur.compiletraceur.require

Using Traceur with Node.js Wiki ページでは、 コンパイル オプションについては何も言及されていません。コンパイルのオプションのページでは、Node.js の Traceur API について言及されていません。実際、Node.js の Traceur API に関するドキュメントは見つかりません。

nodejs で traceur モジュールを使用してオプションを構成するにはどうすればよいですか。私は次のことをやっていますが、うまくいかないようです。

traceur.options.annotations = truetraceur で注釈が有効になっていない

チュートリアルを機能させることができないようです: https://github.com/google/traceur-compiler/wiki/CompilingOffline

• ノードをインストールしました
• ここにファイルを作成します：C:/xampp/htdocs/angular/laravel/app/script/controllers/home-controller.js
• ここにコンパイルしたい：C:/xampp/htdocs/angular/laravel/public/scripts/controllers/home-controller.js

• ノードを開き、次のコマンドを実行します。

  $ ./traceur --out C:/xampp/htdocs/angular/laravel/public/scripts/controllers/home-controller.js --script C:/xampp/htdocs/angular/laravel/app/script/controllers/home-controller.js

"..."コマンドラインに入れます。

ノードを閉じて再度開きます...

次に、なしで置くと、次の$ように表示されます。

私は何を間違っていますか？

traceurで ES5 にトランスパイルされたES6 モジュールを使用しています。 変換は grunt + grunt-traceurを介して行われます

Traceur を使用すると、使用するモジュール ハンドラーを選択できます: 独自、AMD、commonJS、またはインライン。
私はそれらのほとんどを試しましたが、どれもうまくいかないようです。なんで？

TestClass.js

Main.js

Gruntfile.js (抜粋)

index.html (抜粋)

エラーが発生しました

キャッチされないエラー: 匿名の define() モジュールが一致しません: 関数 ($__0) {

grunt プラグインに問題があるようですが、古いバージョンを使用しても解決しないようです。

コードは記事から改作されました。