2016-02-14 154 views
6

我已經安裝了Babel,發現爲了編譯JSX,.babelrc文件需要更改?文件位於何處?我正在查看babel-preset,babel,babel-jsx文件夾等,但找不到它?是否應該手動創建?.babelrc文件的位置在哪裏?

回答

6

.babelrc文件是您的項目中代碼的本地配置。通常你會把它放在應用程序回購的根目錄下。它會影響Babel處理的所有文件,這些文件位於.babelrc的同一目錄或兄弟目錄中。

+0

表示我們是否需要手動創建它? @loganfsmyth – Kalanamith

+1

@Kalanamith我總是手動創建它,或者將它從項目複製到項目。我不知道會爲您創建它的工具。 – Louis

2

.babelrc可能存在於節點樹中的多個位置。

項目根目錄文件夾看起來很有可能。 {...}

查找行爲

巴貝爾將查找在該文件的當前目錄.babelrc被transpiled:巴貝爾配置也可以的package.json中下的「通天塔」中指定。如果其中一個不存在,它將沿着目錄樹遍歷,直到找到.babelrc或帶有「babel」:其中的{}散列的package.json。

使用「babelrc」:false來停止查找行爲。

https://github.com/insin/babel-plugin-react-html-attrs/blob/master/README.md和查找動作 -

2

.babelrc永遠不會自動創建。你必須去你的項目的根目錄。創建一個文件 - 觸摸.babelrc,打開文件並在此處輸入babel設置,然後保存。如果您正在關注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" 
    ] 
} 
相關問題