♻️ tailwind.config.js 경로 수정

[rkskekzzz]

변경할 내용

현재 apps/web 그리고 packages/ui 두 곳에서 모두 tailwind를 사용하고 있습니다.
두 패키지 모두 동일한 디자인시스템으로 개발을 진행하기 때문에 tailwind.config.js 파일의 경로를 루트에서 관리하려고 합니다.

아래는 예상되는 변경사항입니다

수정할 내용

• D : apps/web/tailwind.config.js
• D : packages/ui/tailwind.config.js
• U : tailwind.config.js
• U : apps/web/src/app/globals.css

@config "../../../tailwind.config.js";

@tailwind base;
@tailwind components;
@tailwind utilities;

...

[rkskekzzz]

tailwind.config.js 파일이 nextui를 참조하고 있어서 최상위 경로로 수정할 경우 오류가 발생하는 것 같습니다..! 해당 작업은 추후에 해결방안을 찾으면 진행해야 할 것 같습니다

// in tailwind.config.js
const { nextui } = require('@nextui-org/react')

[leekh716]

흠 생각해보니 최상위로 tailwind.config.js를 빼지 않아도 될 것 같아요.
ui 패키지는 공통 모듈이어서 ui 패키지 자체의 tailwind config 를 가지는 것보다 ui 패키지를 가져다쓰는 web 자체의 tailwind config 대로 보이는게 어떨까여?

// ui / tailwind.config.js

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {},
  },
  darkMode: 'class',
  plugins: [],
}
// 기본 설정 대로 두고

// web/tailwind.config.js

module.exports = {
  ...,

  content: [
     ...,
    '../../ui/src/**/*.{js,jsx,ts,tsx,mdx}',
  ],
   ...,

이렇게 하면 안되려나요?

[rkskekzzz]

@leekh716 오호 저런 식으로 사용할 수 있는 걸까용?

된다면 좋은 방식인 것 같습니다!