@wesbitty/storybook-theming
使用流行的样式工具,在 Storybook 7 中更快地入门。
@wesbitty/storybook-theming 附加组件可用于对 Storybook 中的故事运行 postcss
预处理器,只要以 .module.css
结尾,所有 css 文件都将被视为模块。此外,之前对 css 加载器进行的 css 配置不会被覆盖,i.e
,如果你正在使用 postcss-loader
或任何其他额外的 webpack 加载器,它将自动应用于 css 模块。
✨ 功能
- ⚡️ Storybook css 模块加载器
- 🎨 提供 postcss 预处理器
🏁 入门
要开始,请将该包安装为开发依赖项
npm
npm install -D @wesbitty/storybook-theming
yarn
yarn add -D @wesbitty/storybook-theming
配置
- 只需在你的
./storybook/main.js
中添加以下插件
module.exports = {
addons: [
+ '@wesbitty/storybook-theming',
]
}