一、在操作前一些注意事项具体请看:
https://sunchenggit.github.io/2021/01/13/node-sass%E8%BF%81%E7%A7%BBdart-sass/
https://juejin.cn/post/6901196482536275975
最需要注意的,有一个css语法问题如下
/deep/ 写法,需要统一改为 ::v-deep 的写法
示例代码
/* 修改前 */
.a { /deep/ { .b { color: red; } } } /* 修改后 */ .a { ::v-deep { .b { color: red; } } }
二、具体操作
1. 修改package.json依赖
将 "node-sass": "^4.12.0" 改为 "sass": "^1.26.10"
2. 修改 vue.config.js 增加一段配置
loaderOptions: {
sass: { implementation: require('sass'), } },
3. 删除 node_modules 文件夹
4. 重新执行 yarn install 命令完事
- 消灭零回复