vue项目中安装scss

作者：盐析白兔 | 2024-03-13 03:36:21

踩

安装scss

npm install sass-loader node-sass --save-dev
1

2.配置
在build文件夹下的webpack.base.conf.js的rules里面添加如下代码:

在这里插入图片描述
3.在.vue问文件中使用scss

在这里插入图片描述
警告!!!
如果你使用scss时终端报错:

这个错误其实是:sass-loader版本过高导致编译错误

解决:

将sass-loader版本调至7.3.1
npm uninstall sass-loader npm install
sass-loader@7.3.1 --save-dev

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/227577