reactjs - 如何将规范化 CSS 添加到 Storybook?
问题描述
我正在尝试从 node_modules 添加Normalize.css但它不起作用。我已经尝试了一切,从 webpack 的自定义配置(我的 React 项目使用版本 5),到将其导入 preview.js 和 preview-head.html,但我无法让它工作,Storybook仍然让我使用浏览器样式,这非常令人沮丧,因为在我的 React 项目中,我想使用 css 规范化器。
有人可以给我一个如何完成的例子吗?由于我在文档和互联网上找到的内容对我没有帮助,或者我不知道该怎么做。
谢谢
解决方案
您可以尝试将style
标签放入preview-head.html
像这样:
<style>
/* copy-paste normalize code hire */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
...
</style>
推荐阅读
- android - 此处不允许使用元素意图过滤器-Android Studio
- android - 如何将“样式文本”从我的应用程序发送到 Whatsapp?
- java - 在 Gradle 上构建 APK 时出现重复类错误
- python - 为什么我需要洗牌我的 PCollection 才能在 Cloud Dataflow 上自动缩放?
- python - 找不到满足要求 tensorflow>=1.7.0 的版本(来自版本:)没有找到 tensorflow>=1.7.0 的匹配分布
- ruby - 在 Ruby Watir 测试中使用 sleep
- javascript - 正确构建嵌套的印迹增量 QuillJs
- xml - 默认分组按两个字段树视图 Odoo 10
- php - php表单转发器帖子
- node.js - 如何在 ReactJS 中更改 API 响应的静态 css 文件