babel的配置文件


本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/08/02/babel%E7%9A%84%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6/

摘要

本文主要讲述了:

  1. 配置文件类型
  2. 配置语法

正文

配置文件类型

根据所处位置不同,babel 的配置文件可以分为 2 种类型:

  1. 项目范围配置
  2. 文件相关配置

项目范围的配置

babel@7.0.0起,babel 拥有了根目录(root)的概念,根目录的默认值是 CWD。

babel 默认在根目录搜索babel.config.js文件。

文件相关的配置

bebel 将会从被编译文件的所在目录开始,逐级向上搜索.babelrc.babelrc.jspackage.json,直到项目根目录为止。

文件相关配置会合并到项目范围的配置,如果两者存在相同的条目,以文件相关的配置为准。

配置语法

根据文件扩展名的不同,配置语法可以分为 2 种类型:

  1. JSON5
  2. JS

JSON5

任何不以.js结尾的配置文件都将被认为是 JSON5 格式。

JS

任何.js文件都应该导出配置对象。

配置对象可以直接导出,也可以作为函数的返回值。

示例:

learn_babel/babel.config.js

1
2
3
module.exports = function (api) {
return {};
};

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/08/02/babel%E7%9A%84%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6/


本文对你有帮助?请支持我


支付宝
微信