vue中css预处理器scss的使用

1.什么是css预处理器？

   css预处理器定义了一种新的语言，以一种编程语言赋予css编程的特性，使开发者在css中也可以使用变量，简单的逻辑程序，函数等在编程语言中的特性。其目的是为了使css开发更加灵活和强大。

scss和sass都是css的预处理器语言，sass的3.0以后的版本就叫做scss

2.vue中sass安装

指定安装版本，防止默认安装最新版本报错

npm install [email protected] --save-dev  //将sass编译成css
npm install [email protected] --save-dev   //在node环境下将sass编译成css,sass-loader依赖于node-sass

3.scss的使用

<style lang="scss">

</style>

4.scss的语法规则

详见scss的官方文档

https://www.sass.hk/docs/