参加直播:周四,美国东部时间上午 11 点,Storybook 9 发布 & AMA(问答环节)

用于配置常用样式工具的 storybook 插件

在 Github 上查看

@wesbitty/storybook-theming

使用常用样式工具,更快地在 Storybook 7 中开始使用。

@wesbitty/storybook-theming 插件可用于在 Storybook 中对你的 stories 运行 postcss 预处理器,只要 css 文件以 .module.css 结尾,都会被视为模块。此外,之前对 css loaders 的 css 配置不会被覆盖,例如 如果你使用了 postcss-loader 或其他额外的 webpack loader,它将自动应用于 css modules。

✨ 功能特性

  • ⚡️ 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',
    ]
  }