一、scss和css区别

scss——“工具样式”

1、scss优点

  1. 样式嵌套
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的出现,还有一些配置的错乱等)

二、问题汇总


麦子
23 声望3 粉丝

学习前端