如何删除默认的故事书画布样式?

2024-05-08

Storybook 将默认样式应用于故事画布 iframe。这使得我的故事无法呈现应有的样子。如何摆脱 Storybook 的默认样式?

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

那个的来源page.css is webpack://src/stories/page.css.

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


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

希望这是您的修复...它可能会有所不同,具体取决于您使用的框架。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何删除默认的故事书画布样式? 的相关文章

随机推荐