CSS normalize处理
在index.css 添加
@import-normalize;,注意,这个分号是不能少的
- css normalize 是保证页面再不同浏览器上默认样式相近
- css reset 是重置样式
css normalize @import-normalize
1,让不同浏览器样式接近
2,normalize是有默认样式的
3,normalize早起版本也是像css-reset一样暴力清零所有默认样式,后面一步步优化,合理重置掉可能产生问题的样式,坚持保留部分浏览器的基础样式,解决一些潜在的问题,做到真正合理的浏览器样式初始化
让react项目支持scss: dart-sass
- 按照cra文档, 安装node-sass ,
- 但是按照老师的经验,node-sass网络下载难,还要本地编译,因此,使用dart-sass代替node-sass
- 安装dart-sass,
yarn add dart-sass,运行,报错,因为react不支持dart-sass yarn add node-sass@npm:dart-sass- 项目中的index.css重命名为index.scss,重启项目