Babel-CLI正确设置配置值

Question

我正在尝试添加一个构建命令，它使用babel CLI来转换我的ES6。我很难把它正确地指向babelrc。

文件结构大致如下：

root
    src
        index.js
        ...
    .babelrc
    .package.json

在我的package.json中，我最初尝试了以下操作：

  "scripts": {
    "build": "babel --out-dir dist src",
    ...
  },

但这给出了一个错误，因为我在代码中使用了数组解构符号。我想这是因为它没有拾取我的.babelrc文件。使用

babel --presets=@babel/preset-env --out-dir dist src

而是解决了这个问题。但我不希望在这里指定插件等，而是依赖.babelrc文件。

通过阅读this issue，我得到了这样的印象: babel在src而不是root中查找配置文件。看看the documentation，似乎有一个用于指定配置文件的选项，但我不能让它正常工作。我的尝试是：

babel --config-file .babelrc --out-dir dist src

Answer 1

您可以使用./node_modules/.bin/babel代替babel。

这周对我很管用。

检查来自babel-cli https://babeljs.io/docs/en/usage的概览中的第3点

1. 并运行以下命令，将src目录中的所有代码编译到lib:

./node_modules/.bin/babel src --out-dir lib

您可以使用npm@5.2.0附带的npm package runner，通过用npx babel替换./node_modules/.bin/babel来缩短该命令

Answer 2

对于Babel版本7.x，它在名为- babel.config.{json|js|cjs|mjs}的文件中查找项目范围的配置。请查看文档here。

Answer 3

巴别塔应该已经自动拾取了.babelrc文件。如果要添加该预设，则应指定

{
  // ... more .babelrc up here
  "presets": ["@babel/preset-env"]
  // ... more .babelrc down here
}

在您的.babelrc文件中。

但是babel会自动在目录中搜索最近的.babelrc文件，从入口文件开始往上搜索(底部指定的here )。