.babelrc文件的位置在哪里？

Question

我已经安装了Babel并发现为了编译JSX,需要更改.babelrc文件？文件位于何处？我正在查看babel-preset,babel,babel-jsx文件夹等,但找不到它？它应该手动创建吗？

Answer 1

该.babelrc文件是项目中代码的本地配置.通常,您会将其放在应用程序仓库的根目录中.它将影响Babel处理的所有文件,这些文件位于同一目录或兄弟目录中.babelrc.

Answer 2

.babelrc可能存在于节点树中的几个地方.

项目根文件夹最有可能发生.babel配置也可以在"babel:"{...}下的package.json中指定.

查找行为

Babel将在正在编译的文件的当前目录中查找.babelrc.如果一个不存在,它将沿目录树向上移动,直到找到.babelrc或带有"babel":{}哈希的package.json.

使用"babelrc":false来停止查找行为.

请参阅https://github.com/insin/babel-plugin-react-html-attrs/blob/master/README.md 和查找行为 -

Answer 3

.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"
  ]
}