我没有连接内置模块,或者我没有正确使用它们。请帮我。我使用了 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);
gulp 文件...
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())
}
...
最佳答案
我使用了 gulp-sass,而不是 gulp-dart-sass。
因为 sass:math 兼容性:从 1.23.0 开始 Dart Sass
关于SASS 内置模块错误 : Invalid CSS after,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67849666/