Tailwind 및 스토리 북 설정 Postcss 구성 문제

Aug 17 2020

다음 postccs.config.js 파일이 있습니다.

module.exports = {
    plugins: [
        require("postcss-import"),
        require("tailwindcss"),
        require("autoprefixer"),
    ],
}

따라서 뒷바람과 동화책을 함께 실행할 수 있지만 응용 프로그램을 실행하려고하면 다음 오류가 발생합니다.

Error: A PostCSS Plugin was passed as a function using require(), but it must be provided as a string.

특정 스토리 북 postcss 구성을 제공하는 방법이 있습니까? 아니면 2가 동일한 구성으로 작업하는 더 나은 방법이 있습니까?

답변

1 Mirkot. Aug 17 2020 at 12:00

요구 사항을 실행해야합니다. 구성은 다음과 같아야합니다.

module.exports = {
  plugins: [
    require('postcss-import')(),
    require('tailwindcss')('./tailwind.config.js'), //This refers to your tailwind config
    require('autoprefixer'),
  ],
};

또한 이것은 @see 전에 답변되었습니다 : Storybook으로 VueJS + PostCss + Tailwind를 구성하는 방법