node-sass 和 node.js 版本关联太紧了,如果这两个版本不匹配,就会起冲突,导致项目无法运行;另外因为网络原因,node-sass安装时经常无法下载,因此项目替换为 dart-sass。
卸载 node-sass
1 | npm uninstall node-sass |
安装 dart-sass
1 | npm install --dev sass |
如果项目中使用了 scss,则推荐使用 dart-sass 替换 scss 模块
1 | npm install node-sass@npm:dart-sass |
注意:在替换完Node Sass后,需要用 ::v-deep 代替 /deep/ 和 >>> (注:如果在css中直接这么写是没用作用的) 来进行样式穿透。最重要原因是 vue 3.0 RFC中指定的写法,我们这么写之后可以尽量的最大程度减少升级到Vue3的复杂度。