【Babel】.babelrcとbabel.config.jsの違い

Babel7にアップデートの際に、参考にしたドキュメントがbabelの設定をbabel.config.jsに記載していた

これまで.babelrcに記載したのでどう使い分けるのか調べてみた

https://babeljs.io/docs/en/config-files#6x-vs-7x-babelrc-loading

上記のドキュメントによると、これまでの.babelではモノレポの構成では不具合があるため、 Babel7ではモノレポ構成に耐えられるように以下の設定ファイル構成にしたとのこと

• babel.config.jsはプロジェクト全体
• .babelrcは各フォルダ配下

babel.config.js
packages/
  mod1/
    package.json
    src/index.js
    .babelrc
  mod2/
    package.json
    src/index.js
    .babelrc