SCSS中缺少变量导致MixinWebpack报错。 -火山引擎

在SCSS文件中正确定义所需的变量，或者在使用Mixin之前导入包含变量的SCSS文件。

示例代码：

假设有一个名为“variables.scss”的文件，用于存储各种变量：

$primary-color: #007bff; $secondary-color: #6c757d;

在使用Mixin的SCSS文件中，将“variables.scss”文件导入，可以如下定义变量：

@import "./variables.scss";

.wrapper { background-color: $primary-color; color: $secondary-color;

@include flexbox(); // 使用Mixin

这样就可以避免使用Mixin时出现变量不存在的错误，并且可以通过一次编辑“variables.scss”文件来更改主题颜色等全局样式。