yarn add -D react-app-rewired customize-cra

// package.json
"scripts": {
  "start": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test"
},

// .babelrc
{
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "version": "legacy" }],
    ["@babel/plugin-proposal-class-properties", { "loose": true }]
  ]
}

useBabelRc() 가 CRA 의 babel 설정 대신 .babelrc 를 쓰게 한다.¹

// config-overrides.js
const { useBabelRc, override } = require('customize-cra')

module.exports = override(useBabelRc())

---

• Simplest Way to Install Babel Plugins in Create React App - DEV Community 👩‍💻👨‍💻

---

CRACO로 구성하는게 지금은 맞는 것 같다.

Footnotes

1. customize-cra api.md — useBabelRc(): “Causes your .babelrc (or .babelrc.js) file to be used, this is especially useful if you’d rather override the CRA babel configuration…” ↩