在vue中使用scss

1.安装sass的依赖包

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

这两个包似乎有依赖关系，需要先安装sass loader再安装node-sass

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

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

3.使用,style首行加入lang="scss"

<style lang="scss" scoped>
$highlight-color: #F90;
.hello {
  width:100px;
  height:100px;
  border: 1px solid $highlight-color;
}