Tailwind 和 Storybook 设置 postcss 配置问题

Question

我有以下 postccs.config.js 文件：

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

这让我可以同时运行 tailwind 和 storybook，但是当我尝试运行我的应用程序时，我得到了这个错误：

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

有没有办法提供一个特定的故事书 postcss 配置，甚至是更好的方式让 2 使用相同的配置？

Answer 1

您需要执行要求。 您的配置应如下所示：

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

这也是在@see 之前回答的：How to configure VueJS + PostCss + Tailwind with Storybook