Tailwind 和 Storybook 设置 postcss 配置问题

Posted 2023-02-19

【中文标题】Tailwind 和 Storybook 设置 postcss 配置问题

【英文标题】：Tailwind and storybook setup postcss config issue

【发布时间】：2020-12-06 13:00:48

【问题描述】：

我有以下 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 使用相同的配置？

【参考方案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

【讨论】：

它没有解决问题，故事书运行良好，但不是应用程序。

你仍然得到同样的错误吗？ ?