📕

Storybookでreset.cssやglobal.cssを適応する方法

2020/11/29に公開

Storybook起動時の設定をいじる

package.json

"scripts": {
    "storybook": "start-storybook -s ./src"
  }

既存のstart-storybookがある場合は-s ./srcを追記

※プロジェクトに応じて"storybook""start-storybook"に変更することもある.

StorybookのHTMLでCSSを読み込ませる

.storybook/preview-head.html

<link rel="stylesheet" href="styles/reset.css">

これで,src/styles/reset.cssが読み込まれる.global.cssも同様に読み込める!

最高!

【参考文献・参考記事など】

Storybookでプレビューに任意のCSSファイルを読みこませる3つの方法 - Qiita

Discussion