Tailwind ve hikaye kitabı kurulum postcss yapılandırma sorunu

Question

Aşağıdaki postccs.config.js dosyam var:

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

bu, tailwind ve hikaye kitabını birlikte çalıştırmama izin veriyor, ancak uygulamamı çalıştırmaya çalıştığımda şu hatayı alıyorum:

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

Belirli bir hikaye kitabı postcs yapılandırması sağlamanın bir yolu veya hatta 2'nin aynı yapılandırmayla çalışması için daha iyi bir yol var mı?

Answer 1

gerekliliği yerine getirmeniz gerekir. Yapılandırmanız şöyle görünmelidir:

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

ayrıca bu soruya @see: Storybook ile VueJS + PostCss + Tailwind nasıl yapılandırılır