Problema de configuração postcss da configuração do Tailwind e do livro de histórias

Aug 17 2020

Eu tenho o seguinte arquivo postccs.config.js:

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

que me permite executar o tailwind e o livro de histórias juntos, no entanto, quando tento executar meu aplicativo, recebo este erro:

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

Existe uma maneira de fornecer uma configuração postcss de livro de histórias específico ou até mesmo uma maneira melhor de os 2 trabalharem com a mesma configuração?

Respostas

1 Mirkot. Aug 17 2020 at 12:00

você precisa executar o require. Sua configuração deve ser semelhante a esta:

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

também isso foi respondido antes de @ver: Como configurar VueJS + PostCss + Tailwind com Storybook