Tailwind CSS 포함하여 npm 모듈 배포

react 컴포넌트를 npm module로 배포시 tailwind CSS 코드는 일반 CSS로 컴파일해줘야 인식이 된다.

해결 방법

package.json 에 tailwind CSS 를 빌드하는 명령어를 추가해준다.

  "scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "react-scripts eject",
    "build:css": "tailwindcss -o dist/TC.css --minify",
    "publish:npm": "rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files && tailwindcss -o dist/TC.css --minify"
  },