Tailwind 和故事书设置 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

Tailwind 和故事书设置 postcss 配置问题

Tailwind and storybook setup postcss config issue

javascript

storybook

tailwind-css