.babelrc 文件的位置在哪里？

Question

我已经安装了Babel，并发现为了编译JSX，需要改变 .babelrc 文件。该文件位于哪里？我在 babel-preset、babel、babel-jsx 等文件夹中寻找，但是找不到它。这个文件应该手动创建吗？

- user3104270

Answer 1

.babelrc不会自动创建，您必须进入项目的根目录。创建一个文件 - touch .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"
  ]
}

- MelH

Answer 2

.babelrc文件是您项目中用于本地配置代码的文件。通常情况下，您会将它放在应用程序代码库的根目录中。它将影响Babel处理的与.babelrc文件在同一目录或兄弟目录中的所有文件。

- loganfsmyth

---

@Kalanamith 我一直是手动创建的，或者从一个项目复制到另一个项目。我不知道有什么工具可以为你创建它。 - Louis

我把它放在根目录中，但配置没有起作用。您知道与此相关的常见问题吗？ - Ari

@KeepMove 可能是Babel 6和7之间的区别（https://babeljs.io/docs/en/config-files#6x-vs-7x-babelrc-loading）？也许值得将其改为`babel.config.js`。 - loganfsmyth

@loganfsmyth，问题已经解决了。是因为我将文件从VSCode复制到Windows文件资源管理器中，导致该文件某种程度上损坏，无法被识别为Babel配置文件。 - Ari

Answer 3

.babelrc 可能存在于节点树中的几个位置。

项目根文件夹似乎是最可能的位置。 babel 配置也可以在 package.json 中指定，位于 "babel:"{...} 下面。

查找行为

Babel 将在被转换的文件所在的当前目录中查找 .babelrc 文件。 如果不存在，则会向上遍历目录树，直到找到 .babelrc 或带有“babel”：{} 哈希的 package.json。

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

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

- kvista

---

这应该是被接受的答案。它搜索目录树的事实非常有用。特别是如果你将其与 "extends": "../../../path/to/root/.babelrc" 结合使用。 - d11wtq

Answer 4

.babelrc文件是Mac和Linux中的隐藏文件，在Windows中您仍然可以看到它。在Mac和Linux中查看它的唯一方法是使用命令行。

- Mohammad Salahy