개발자

모노레포 프로젝트에서 tailwind intellisense

2024년 05월 24일•조회 161

최근 시작한 프로젝트에 pnpm + turborepo 구성으로 모노레포 구조를 도입하여 진행중에 있습니다. packages/tailwind-config 에 tailwind에 대한 패키지를 구성하고, 다른 프로젝트에서 해당 패키지를 import해 사용중입니다. 이 때, tailwind css가 정상적으로 적용은 되나, tailwind intellisense 익스텐션이 작동을 안하는 문제가 있습니다만, 혹시 해결 방법이 있을까요 ?

1// packages/tailwind-config/tailwind.config.js
2
3/** @type {import('tailwindcss').Config} */
4module.exports = {
5  darkMode: ["selector"],
6  content: [
7    "./pages/**/*.{ts,tsx}",
8    "./components/**/*.{ts,tsx}",
9    "./app/**/*.{ts,tsx}",
10    "./src/**/*.{ts,tsx}",
11    "../../packages/ui/**/*.{ts,tsx}",
12    "../../packages/pages/**/*.{ts,tsx}",
13    "../../apps/web/**/*.{ts,tsx}",
14  ],
15
16...
17
18// apps/web/tailwind.config.js
19
20module.exports = require("@repo/tailwind-config/tailwind.config.js");