如何删除默认的StorybookCanvas样式?
Storybook 将默认样式应用于故事画布 iframe。这会阻止我的故事看起来像他们应该的样子。如何摆脱 Storybook 的默认样式?
例如,这里是h2元素的默认样式(通过 Storybook 的 page.css):
其来源page.css是webpack://src/stories/page.css。
如果我在 中添加样式preview-head.html,Storybook 将应用我的自定义样式和默认 Storybook 样式,默认 Storybook 样式优先(除非我的自定义样式具有很强的特异性)。
回答
默认情况下,当通过npx sb initReact安装 Storybook 时,Storybook 在src/stories. 在该文件中,他们import './page.css';只需删除该导入即可设置。
希望这是您的解决方案...它可能会有所不同,具体取决于您使用的框架。