如何删除默认的 Storybook Canvas 样式?

How to remove default Storybook Canvas styles?

Storybook 将默认样式应用于故事 canvas iframe。这会阻止我的故事看起来像他们应该的样子。我怎样才能去掉 Storybook 的默认样式?

例如,这是 h2 元素的默认样式(通过 Storybook 的 page.css):

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

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

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

希望这是您的解决方法...根据您使用的框架,它可能会有所不同。