nx tailwind css doesn't work 안됨

김_리트리버·2022년 6월 2일
0

error

목록 보기
5/5

nx 사용해 모노레포 구성할 때 공식문서대로 그래도 해도 tailwind css 가 적용되지 않을 수 있다.

공식문서 에서는 아래처럼 상대경로로 tailwind 를 적용할 파일들을 지정한다.

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

하지만 적용되지 않아 아래처럼 node module 의 path.join 을 사용했더니 해결되었다..

const { join } = require('path');

module.exports = {
  content: [
    join(__dirname, 'pages/**/*.{js,ts,jsx,tsx}'),
    join(__dirname, 'components/**/*.{js,ts,jsx,tsx)'),
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

참고
https://github.com/nrwl/nx/issues/8355
https://tailwindcss.com/docs/guides/nextjs

profile
web-developer

0개의 댓글