一、在操作前一些注意事项具体请看:
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 命令完事
- 消灭零回复
- 热议问题
-
验证码如何限制只有数字
1
-
组态数据过滤器data显示为null
1
-
cloud项目运行启动报错
1
-
物联网平台的防注入代码在哪
1
-
漏洞:越权
2
-
升级最新版代码后,使用代码生成功能报错
1
-
broker模块如何设置用mqtt协议连接
1
-
saber3 4.6版本无法启动问题
1
-
物理模型设置参数时操作失败,如何设置监听topic?
1
-
nacos 配置两个数据源,我在项目引入最新的redis配置 但是不生效;请问什么原因;
2
扫一扫访问 Blade技术社区 移动端