在Vue2.0中引入SCSS(SASS)，安装教程

SCSS是SASS3.0引入的语法，是SASS的一个升级版本

① 安装SASS依赖包

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

②在build文件夹下的webpack.base.conf.js的rules里面添加配置

{ 
	test:/\.scss$/,
	loaders:['style','css','sass']
}

③使用SCSS时，在style样式标签中添加 lang=‘scss’ 即可

<style lang='scss'>
	$color: red;
	p { color: $color ;}
</style>

SCSS语法
@import 命令引入外部的SCSS、SASS、CSS文件

<style lang='scss'>
@import 'basic.scss';  //导入外部的SCSS文件
</style>