SASS内置moules错误：之后无效的CSS

Question

我没有连接内置模块，或者没有正确使用它们。请帮我。我使用 gulp，但我不明白为什么会出现错误：

Error: Invalid CSS after "... $height: math": expected expression (e.g. 1px, bold), was ".div($size, 2)"

.scss 文件

@use 'sass:math';

$height: math.div($size, 2);

吞咽文件

...
function styles() {
  return gulp
    .src("./src/scss/*.scss")
    .pipe(plumber({ errorHandler: onError }))
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(
      autoprefixer({
        cascade: false,
      })
    )
    .pipe(cleanCSS())
    .pipe(sourcemaps.write())
    .pipe(rename({ suffix: ".min" }))
    .pipe(gulp.dest("./dest/css"))
    .pipe(browserSync.stream())
}
...

Answer 1

我使用 gulp-sass，而不是 gulp-dart-sass。

因为 sass:math 兼容性：Dart Sass 自 1.23.0 起