在vue中使用sass 的 入门

1.使用npm安装sass依赖文件
　　npm install --save-dev sass-loader 
2.sass-loader依赖于node-sass
　　npm install --save-dev node-sass
至此安装成功，在package.json文件里已经有了这两个配置文件
3.在build文件夹下的webpack.base.conf.js的rules里面添加配置

　　{ test: /\.scss$/, loaders: ['style', 'css', 'sass'] }
4.在vue文件的style标签里加上 lang="scss"


注：第四步写lang="sass"时，如果用大括号，会有语法错误，无效的css。因为sass语法不使用大括号和分号。
如果喜欢使用不带大括号的语法，只要去掉css代码的大括号和分号，即使用缩进语法。
如果希望使用带大括号的语法，即SCSS
那么，只要把lang="sass"改成lang="scss"就行了。，摘自https://www.jianshu.com/p/67f52071657d