Vue使用SCSS进行模块化开发

原文地址：http://www.cnblogs.com/JimmyBright/p/7761531.html

个人认为scss最大的好处就是能将css属性设置为变量，这样让css一键更换主题成为可能。

Vue使用scss开发的步骤是这样的。

1：安装npm的sass模块

sass和scss本质上是同一个东西，只是scss更加语义化，语法一看就会，一般没毛病的人不会考虑使用sass语法

模块安装，执行

npm install node-sass --save-dev
npm install sass-loader --save-dev

2：添加皮肤文件theme.scss

theme.scss添加了几个颜色变量

3：Vue文件里使用theme.scss的参数

4：效果