Problema de configuración postcss de configuración de tailwind y storybook

Aug 17 2020

Tengo el siguiente archivo postccs.config.js:

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

que me permite ejecutar tailwind y storybook juntos, sin embargo, cuando intento ejecutar mi aplicación, aparece este error:

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

¿Hay alguna manera de proporcionar una configuración de postcss de libro de cuentos específica o incluso una mejor manera de que el 2 funcione con la misma configuración?

Respuestas

1 Mirkot. Aug 17 2020 at 12:00

necesita ejecutar el require. Tu configuración debería verse así:

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

también esto fue respondido antes de @see: Cómo configurar VueJS + PostCss + Tailwind con Storybook