vue项目如何使用.scss文件

vue项目如何使用scss

命令行输入
npm install sass-loader --save-dev //安装sass-loader
npm install node-sass --save-dev //安装node-sass
安装成功即可

如果输入命令后，node-sass安装不成功的话，输入下面的命令
**npm install node-sass@4.13.0 --save-dev

安装成功之后运行npm run dev
出错：

这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行
修改方法：找到package.json文件，里面的 "sass-loader"的版本更换掉。
我本地是将 “sass-loader”: “^8.0.2”，更换成了 “sass-loader”: “^7.3.1”,

这时候重新跑项目，就运行成功了。