Problème de configuration postcss de Tailwind et Storybook Setup

Question

J'ai le fichier postccs.config.js suivant:

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

ce qui me permet d'exécuter tailwind et storybook ensemble, mais lorsque j'essaye d'exécuter mon application, j'obtiens cette erreur:

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

Existe-t-il un moyen de fournir une configuration postcss de livre d'histoires spécifique ou même une meilleure façon pour que les 2 fonctionnent avec la même configuration?

Answer 1

vous devez exécuter le require. Votre configuration devrait ressembler à ceci:

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

aussi cela a été répondu avant @see: Comment configurer VueJS + PostCss + Tailwind avec Storybook