从0开发React项目-3-CSS normalize 和 SCSS支持

287 阅读1分钟

CSS normalize处理

在index.css 添加 @import-normalize;,注意,这个分号是不能少的

  1. css normalize 是保证页面再不同浏览器上默认样式相近
  2. css reset 是重置样式

css normalize @import-normalize
1,让不同浏览器样式接近
2,normalize是有默认样式的
3,normalize早起版本也是像css-reset一样暴力清零所有默认样式,后面一步步优化,合理重置掉可能产生问题的样式,坚持保留部分浏览器的基础样式,解决一些潜在的问题,做到真正合理的浏览器样式初始化

让react项目支持scss: dart-sass

  1. 按照cra文档, 安装node-sass ,
  2. 但是按照老师的经验,node-sass网络下载难,还要本地编译,因此,使用dart-sass代替node-sass
  3. 安装dart-sass,yarn add dart-sass,运行,报错,因为react不支持dart-sass
  4. yarn add node-sass@npm:dart-sass
  5. 项目中的index.css重命名为index.scss,重启项目