如何删除默认的Storybook画布样式？

Question

Storybook将默认样式应用于故事画布iframe。这阻止了我的故事看起来像他们应该的样子。如何摆脱Storybook的默认样式？

例如，下面是h2元素的默认样式(通过Storybook的page.css)：

​

​

该page.css的来源是webpack://src/stories/page.css。

如果我在preview-head.html中添加样式，Storybook将应用我的自定义样式和默认的Storybook样式，默认的Storybook样式优先(除非我的自定义样式具有很强的特异性)。

Answer 1

默认情况下，通过npx sb init为React安装Storybook时，Storybook会在src/stories下添加一个Page.tsx (.js)文件。在该文件中，他们只需import './page.css';删除导入，您就可以进行设置。

希望这是你的解决之道。根据您使用的框架，它可能会有所不同。