Problema di configurazione postcss di installazione di Tailwind e storybook

Aug 17 2020

Ho il seguente file postccs.config.js:

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

che mi consente di eseguire tailwind e storybook insieme, tuttavia quando provo a eseguire la mia applicazione, ottengo questo errore:

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

C'è un modo per fornire una specifica configurazione postcss di un libro di fiabe o anche un modo migliore per far funzionare il 2 con la stessa configurazione?

Risposte

1 Mirkot. Aug 17 2020 at 12:00

è necessario eseguire la richiesta. La tua configurazione dovrebbe assomigliare a questa:

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

anche questa è stata risposta prima di @see: Come configurare VueJS + PostCss + Tailwind con Storybook