Sass

• Sass中文网：https://www.sass.hk/
• 在线预览：https://www.sassmeister.com/

---

1 案例 

1.1 定义变量

1.2 嵌套写法

 

 

 

---

2 vue集成sass

2.1 在项目中安装sass

λ vue --version
@vue/cli 4.3.1

cnpm install node-sass --save-dev

cnpm install sass-loader --save-dev

"dependencies": {
  "core-js": "^3.6.4",
  "vue": "^2.6.11"
},
"devDependencies": {
  "node-sass": "^4.14.1",
  "sass-loader": "^8.0.2",
  "@vue/cli-plugin-babel": "~4.3.0",
  "@vue/cli-plugin-eslint": "~4.3.0",
  "@vue/cli-service": "~4.3.0",
  "babel-eslint": "^10.1.0",
  "eslint": "^6.7.2",
  "eslint-plugin-vue": "^6.2.2",
  "vue-template-compiler": "^2.6.11"
}

2.2 使用sass

 

https://www.jianshu.com/p/f6af30ee21a2