問題タブ [babel-register]

コンパイラとしてbabelを使用してES2015コードを使用するjavascript CLIアプリを開発しました。(babel-require フック)

アプリはローカルで完全に動作しますが、npm で公開すると動作しなくなります (babel は ES2015 ファイルをコンパイルしていないようです)

設定：

サンプル./bootstrap.js(ES5):

サンプル./src/app.js(ES2015):

サンプル./bin/myapp:

ローカルで実行すると動作します:

(npm のインストール後に) グローバルに実行すると、次のように壊れます。

バージョン:

私が試したこと：

• コンパイルが有効になることを期待ignore: falseしてファイルに追加する.babelrc
• .babelrcファイルの代わりにrequireフック引数でオプションを使用する

運が悪い:/

私は Angular2+ES2015+Babel+Webpack プロジェクトに取り組んでおり、CSS ファイルに画像を含めて を使用しているときにこの問題に遭遇しました。問題を探すcss-loaderのに何時間もかかりましたが、今のところ運がありません:

エラーを検索すると、githubの問題とstackoverflowで同様の状況が見つかりますが、まったく同じではありません. それらのすべてで、画像ローダーの欠如が指摘されています（pngファイルはこちら）が、私の場合は完全に機能しています。直接 JS ファイル上にある場合は、ロードされて出力パスにエクスポートされます!require('../image/penguin.png')

私のプロセスと Webpack の構成は非常に複雑で大きく、異なるファイルに分割されていますが、興味深い部分は次のとおりです。

そして、ここでエラーをトリガーするCSSの一部

to-string-loaderCSSに使用するのが奇妙に見える場合は、 angular2-template-loaderCSS を Angular2 Componet に直接インライン化できるためです。stylesUrl

エラースタックのため、css-loader がジョブを完了すると、png ファイルは定義されたローダー (url!image-webpack) でロードされていないように見えますが、babel-register でロードされますか? だから私console.logはcss-loaderからの結果であり、期待される画像がありますrequire:

だから私はbabelにpngファイルを無視させました

そして、babelは画像を無視しているため、これはわずかに異なるエラーをスローしますが、最終的には同じようです:

私は手がかりがなくて立ち往生しています.WTFは、CSSファイルに画像の背景を設定するだけで簡単にできるはずです.

何かご意見は？？

node js アプリケーションで react を使用しようとしています。私が見つけた 1 つの方法は、react jsx ファイルを変換すると思われる babel-register を使用することでした。

ノードindex.jsにコードを入れました。

次に、react コードを public/index.js に配置します。

次に、このエラーが発生します。キャッチされていない SyntaxError: 予期しないトークン <

babel-register を使用するために必要なものはすべてインストールしたと思います...

babel-register ではなく webpack を使用する必要がありますか、それとも間違っていますか?