如何删除默认的 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';
只需删除该导入即可。
希望这是您的解决方法...根据您使用的框架,它可能会有所不同。
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';
只需删除该导入即可。
希望这是您的解决方法...根据您使用的框架,它可能会有所不同。