小编Eve*_*nko的帖子

Tailwind css 类未显示在 Storybook 构建中

我正在尝试用 Tailwind CSS 构建我的故事书。运行时,build-storybook组件将使用 tailwind 类呈现。不幸的是,当我构建故事书并运行创建构建时storybook-staticnpx http-server storybook-static类不会加载到故事中,并且组件不会显示样式。

这是我的项目的重现仓库: https ://gitlab.com/ens.evelyn.development/storybook-issue

这是我的main.js

    const path = require('path')

module.exports = {
  "stories": [
    "../src/components/**/**/*.stories.mdx",
    "../src/components/**/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    {
     name: '@storybook/addon-postcss',
     options: {
       postcssLoaderOptions: {
         implementation: require('postcss'),
       },
     },
   },        
   "@storybook/addon-actions",
    "storybook-tailwind-dark-mode"
  ]}
Run Code Online (Sandbox Code Playgroud)

我的项目结构如下所示:

.storybook 
src
  components 
     subdir
       Button
         index.tsx
         button.stories.js 
  styles
    index.css (<-- tailwindcss file)
Run Code Online (Sandbox Code Playgroud)

非常感谢任何提示或建议。

css reactjs storybook tailwind-css

17
推荐指数
3
解决办法
3万
查看次数

标签 统计

css ×1

reactjs ×1

storybook ×1

tailwind-css ×1