一、scss和css区别
scss——“工具样式”
1、scss优点
- 样式嵌套
div {
color:red;
p {
font-size:10px;
}
}
2、安装方式
(1) 安装
npm i sass sass-loader -D //安装
//简写方式
-D <=> --save-dev
-S <=> save
(2) 工程构建(开发时、“打包”时)依赖 ;例:xxx-cli , less-loader , babel-loader...
npm i --save-dev <packname>
(3) 项目(运行时、发布到生产环境时)依赖;例:antd , element,react...
npm i --save <packname>
(4) 对应关系如下(至于我们啥时候用--save、啥时候用--save-dev 感觉是个规范问题,用反了项目一样可以跑起来(对于安装依赖正确时),但会给其他看你项目的人带来误解、可能会导致一些bug的出现,还有一些配置的错乱等)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。