HBuilderX升级，Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass - 教程

目录

一、问题描述

二、问题原因

三、问题解析及解决方案

---

一、疑问描述

最近开发新项目，升级了HBuilderX版本到4.75，最近要在之前的方案添加功能的时候发现报错，错误如下：Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，

如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的疑问。

二、问题原因

从 HBuilderX 4.56+ ，vue2 项目也将默认运用 dart-sass 预编译器。

三、障碍解析及解决方案

uni-app提供了两个解决方案
方案1：如果您希望继续使用node-sass，您可以

在 manifest.json 中配备 "sassImplementationName": "node-sass"，

详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor

方案2：调整为 dart-sass 帮助的语法，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor，修改成 dart-sass 支持的语法即可