.babelrc 文件的位置在哪里？答案

【问题标题】：Where is the location of .babelrc file?.babelrc 文件的位置在哪里？
【发布时间】：2016-02-14 11:35:53
【问题描述】：

我已经安装了 Babel，发现要编译 JSX，需要更改 .babelrc 文件？文件在哪里？我在寻找 babel-preset、babel、babel-jsx 文件夹等等，但是找不到？是否应该手动创建？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

@Kalanamith 我总是手动创建它，或者将它从一个项目复制到另一个项目。我不知道有什么工具可以为您创建它。
我放到根目录下，配置不行。你知道任何与之相关的常见问题吗？
@KeepMove 可能是 Babel 6 和 7 之间的区别（babeljs.io/docs/en/config-files#6x-vs-7x-babelrc-loading ？可能值得改为 babel.config.js。
@loganfsmyth 已修复。这是因为我将文件从 vscode 复制到 windows 文件资源管理器，这使得文件以某种方式损坏并且没有被读取为 babel 配置文件。

【解决方案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 和查找行为-

【讨论】：

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

【解决方案4】：

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

【讨论】：