vue项目配置sass
1 基于 webpack 创建项目
vue init webpack sassDemo
2 安装loader
npm install sass-loader node-sass --save-dev
3 进入 / build / webpack.base.conf.js 添加rules
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b3b31bf3840605344789573972a459e7.png)
4 进入 package.json 中修改 sass-loader 版本为 7.3.1
"sass-loader": "^7.3.1"
5 测试
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8d0a590abe76a129c8544911e399a11f.jpeg)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1bc5bf7fa32e9257704d3f24d8a244ba.jpeg)