追い風とストーリーブックのセットアップpostcss構成の問題

Question

次のpostccs.config.jsファイルがあります。

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

これにより、追い風とストーリーブックを一緒に実行できますが、アプリケーションを実行しようとすると、次のエラーが発生します。

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

特定のストーリーブックpostcss構成を提供する方法、または2が同じ構成で動作するためのより良い方法はありますか？

Answer 1

requireを実行する必要があります。構成は次のようになります。

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

また、これは@seeの前に回答されました：StorybookでVueJS + PostCss + Tailwindを構成する方法