最近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版本已经以上版本。
好了完美解决。
网友评论