Vue中Sass的爬坑、安装与使用 (sass还是node-sass)

当前使用环境: 

node:v12.10.0

vue:  ^2.6.10

vue-cli: ^3.12.0

首先要想vscode不报样式的错误,如下所示

要给你的style加点"料" 告诉vscode你写的是sass

<style lang='scss' scoped>

 接着它又报一个错误

好勒,vscode知道你写的是sass了 可是没有能处理它的"东西"

接下来我们就来安装sass-loader

cnpm install sass-loader -D

行 我们试着 npm  run serve 

又报错了,不同于各个博客中说的错误 Error:Cannot find module ‘node-sass’;

所以我改装sass

cnpm install sass -D

再一次npm run  serve

转折点:

装了sass-loader之后不是装sass而是按照传统的方式装node-sass

cnpm install node-sass -D

也没有问题

所以 想必 sass和node-sass是有一些关联的。

小结:


cnpm install node-sass sass-loader --save-dev

//or

cnpm install sass sass-loader  --save-dev

再后来 看了公司的几个项目 发现两者都有使用

所以是没必要纠结是装sass还是node-sass的。

猜你喜欢

转载自blog.csdn.net/a1059526327/article/details/107843323