@wesbitty/storybook-theming

使用熱門樣式工具，更快地開始使用 Storybook 7。

@wesbitty/storybook-theming 附加元件可用於針對 Storybook 中的 stories 執行 postcss 前處理器，所有 CSS 檔案只要以 .module.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',
    ]
  }