vue sass安装

执行命令行

npm install node-sass sass-loader style-loader --save

安装完成之后package.json中会有这三个安装包

然后在vue文件中可以这样写

<stylelang="scss"scoped>.nav{}</style>

项目文件build>webpack.base.conf.js>module>rules 中添加

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

安装过程中遇到sass-loader 版本过高，8.0.0版本报错

解决方案：卸载当前版本，安装7.3.1版本

npm uninstall sass-loader（卸载当前版本）

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