用于配置流行样式工具的 Storybook 附加组件

在 Github 上查看

@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',
    ]
  }