2016-02-14 10 views
6

私はBabelをインストールし、JSXをコンパイルするために.babelrcファイルを変更する必要があることを発見しましたか?ファイルはどこにありますか?私はbabel-preset、babel、babel-jsxフォルダなどを探していましたが、見つけられませんでしたか?手動で作成する必要がありますか?.babelrcファイルの場所はどこですか?

答えて

6

.babelrcファイルは、プロジェクトのコードのローカル構成です。一般に、アプリケーションレポのルートに配置します。 .babelrcの同じディレクトリまたは兄弟ディレクトリにあるBabel処理のすべてのファイルに影響します。

+0

手動で作成する必要がありますか? @loganfsmyth – Kalanamith

+1

@Kalanamith私はいつも手動で作成した、またはプロジェクトからプロジェクトにコピーしました。私はあなたのためにそれを作成するツールを知りません。 – Louis

2

.babelrcは、ノードツリーのいくつかの場所に潜在的に存在する可能性があります。

プロジェクトのルートフォルダがありそうです。 {...}

ルックアップ動作バベルがtranspiledされているファイルのカレントディレクトリに.babelrcを探します

:バベルの設定も、「バベル」の下でpackage.json内で指定することができます。存在しない場合は、.babelrcまたは "babel":{}ハッシュを含むpackage.jsonのいずれかが見つかるまでディレクトリツリーを移動します。

"babelrc":falseを使用すると、検索動作が停止します。

https://github.com/insin/babel-plugin-react-html-attrs/blob/master/README.mdを参照し、自動作成されることはありません

2

.babelrc behavior-見上げます。プロジェクトのルートディレクトリに移動する必要があります。ファイルを作成する--babelrcをタップしてファイルを開き、ここにバベルの設定を入力して保存します。 https://babeljs.io/blog/2015/10/31/setting-up-babel-6に従っている場合、Babel 6をセットアップし、すべてのプラグインとプリセットを前述のようにインストールすると、これが役立ちます。

{ 
    "presets": [ 
    "es2015", 
    "env", 
    "react", 
    "stage-2" 
    ] 
}, 

{ 
    "plugins": [ 
    "transform-es2015-arrow-functions", 
    "check-es2015-constants", 
    "transform-es2015-block-scoping" 
    ] 
} 
関連する問題