Tailwind 和 Storybook 设置 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

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

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