何时使用babel.config.js和.babelrc

Question

我正在学习babel，想学习如何配置babel。我发现了两种配置babel的方法：通过创建babel.config.js和.babelrc文件。问题在于何时应该使用babel.config.js和.babelrc

Answer 1

来自文档https://babeljs.io/docs/en/config-files#project-wide-configuration

Babel有两种并行的配置文件格式，可以一起使用，也可以独立使用。

Project-wide configuration
    babel.config.json files, with the different extensions

File-relative configuration
    .babelrc.json files, with the different extensions
    package.json files with a "babel" key

Babel通过搜索从正在编译的“文件名”开始的目录结构来加载.babelrc.json文件或使用支持的扩展名的等效文件。

提供该信息

如果要在文件/目录的子集上运行某些转换/插件，

。babelrc将很有用。也许您有不想由babel转换/更改的第三方库。

如果项目中有多个使用单个babel配置的包（即，多个package.json）目录，则

babel.config.json很有用。这不太常见。

如果您的问题是关于与babel配置有关的文件扩展名（即.js与.json）

使用.js公开babel配置api。

https://babeljs.io/docs/en/config-files#config-function-api

请记住，这会增加缓存的复杂性，在大多数情况下，最好使用.json静态配置