vue使用sass

最近vue使用sass老是报错，网上找了好多文章，都不能解决问题，我就来写一篇文章，主要是下次自己用的时候不用找了。

npm install node-sass --save-dev        //安装node-sass 
npm install sass-loader@7.3.1 --save-dev        //安装sass-loader 
npm install style-loader --save-dev         //安装style-loader

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

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

给style设置属性

<style scoped lang='scss'>

报错的原因我看了一下， 这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，正常npm install sass-loader --save-dev 安装的都是8.0版本已经以上版本。
好了完美解决。