vue3 element-plus 通过 SCSS 变量修改主题

因为项目使用vue-cli的脚手架搭建的。

然后按照官方文档的写法通过 SCSS 变量 覆盖主题。

但是既没有报错，element-plus 的css的样式完全丢失了。

应该是没有编译成功生成新的css导致的。但是我的代码是完全按照官网复制粘贴的。还是出现了这种情况。

最后发现是因为。我在脚手架搭建的时候选择的sass版本是node-sass.改成dart-sass就成功了。

这个记录希望能够给其他人一个思路。