vue3 安装使用scss

1、安装相关依赖

node-sass

css-loader

style-loader

sass-loader

2、声明 lang="scss" 或者 scss文件中就可以直接使用

3、重点:安装依赖的过程中出现的各种问题

3.1、安装node-sass 报错

如果没有安装python,就去下个安装包装一下记得配置环境变量。

3.2 如果还报 gyp相关错误,看下报错信息此时python应该是有了

 版本太低,这个先不用管(本人也没测试高版本),查看下node版本,其和node-sass是有对应关系的 本人是 node16  对应的 node-sass 是6+,  此时 npm install node-sass@6  安装重启 应该可以了。

备注:如果还有问题,就装下node-gyp,升级下python版本(亲测和python没啥关系,报错信息总是产生误导,直接安装对应版本就行)。对于vue.config.js 则不需要单独配置,cli内部已经实现

猜你喜欢

转载自blog.csdn.net/qq_34907249/article/details/128331961