我正在尝试用 Tailwind CSS 构建我的故事书。运行时,build-storybook组件将使用 tailwind 类呈现。不幸的是,当我构建故事书并运行创建构建时storybook-static,npx 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)
非常感谢任何提示或建议。