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 }]
  ]
}

// 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로 구성하는게 지금은 맞는 것 같다.

# .env
REACT_APP_VERSION=0.0.0-${TURBO_HASH}

REACT_APP_VERSION을 자동으로 입력할 방법을 찾다가 결국 hash값을 추가했다.

---

• Adding Custom Environment Variables | Create React App
• GitHub - motdotla/dotenv-expand: Variable expansion for dotenv. Expand variables already on your machine for use in your .env file.
• Create timestamp variable in bash script - Stack Overflow

{
  "tailwindcss": "tailwindcss -i ./src/index.css -o ./src/tailwind.css",
  "start": "concurrently \"yarn tailwindcss --watch\"",
  "prebuild": "yarn tailwindcss --minify",
}

create-react-app 구형버젼(+eject)에서 설치할 경우 연관된 부분이 많아서 차라리 cli를 사용하는게 편한 상황. 그런데 concurrently¹로 프로세스를 동시에 실행시켜야 되는 부분이 있다.

---

Footnotes

1. https://tailwindcss.com/docs/tailwind-cli ↩