vue-cli使用sass 或 scss

//安装
//因为我下载的vue-cli里面已经包含了vue-style-loader了，
//所以不需要下载style-loader,如果没有的话就要安装一个style-loader或者vue-style-loader

npm install node-sass sass-loader --save

安装完成之后在build/webpack.base.conf.js中找到rules配置项，增加：

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

接下来就可以通过.scss文件或者style标签lang="scss"来使用了，
如果在安装完sass之后启动项目报如下错误：

Module build failed: TypeError: this.getResolve is not a function

这种情况是因为sass-loader版本太高了，我遇到报错的版本是8.0.2，可以下载到7.x版本试试

npm install sass-loader@7 --save-dev

然后项目重启就可以了