当前使用环境:
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的。