Tailwind dan storybook setup masalah konfigurasi postcss

Question

Saya memiliki file postccs.config.js berikut:

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

yang memungkinkan saya menjalankan tailwind dan storybook secara bersamaan, namun ketika saya mencoba menjalankan aplikasi saya, saya mendapatkan kesalahan ini:

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

Apakah ada cara untuk menyediakan konfigurasi postcs buku cerita tertentu atau bahkan cara yang lebih baik bagi keduanya untuk bekerja dengan konfigurasi yang sama?

Answer 1

Anda harus menjalankan keperluan. Konfigurasi Anda akan terlihat seperti ini:

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

ini juga telah dijawab sebelum @see: Bagaimana mengkonfigurasi VueJS + PostCss + Tailwind dengan Storybook