Gulp Node-Sass在编译时包含@use指令

w46czmvw  于 2022-12-08  发布在  Gulp
关注(0)|答案(1)|浏览(224)

我是sass的新手,我正在使用gulp来监视我的目录。但是我意识到当我的CSS从SASS编译时,它在顶部包含了@use指令。例如,我使用sass:map时,它在最终文件中被带过来。我知道它现在可能只是一个讨厌的值。但是我想知道如何将它们排除在外。
下面是我用来监视/编译的gulpfile

var gulp = require("gulp");
var sass = require("gulp-sass");
var sassGlobbing = require("gulp-sass-glob");
sass.compiler = require("node-sass");

var paths = {
    styles:{
        src:"src/scss/**/*.scss",
        dest: "assets/css/",
        index: "src/scss/styles.scss"
    }
}

gulp.task("sass", function(){
    return gulp
        .src(paths.styles.index)
        .pipe(sassGlobbing())
        .pipe(sass().on("error", sass.logError))
        .pipe(gulp.dest(paths.styles.dest))
})

gulp.task("watch", function(){
    gulp.watch(paths.styles.src, gulp.series("sass"))
})
yeotifhr

yeotifhr1#

根据这个,我只是从那里复制一些行https://sass-lang.com/documentation/at-rules/import#importing-css
“请注意,目前只有Dart Sass支持@use。其他实现的用户必须改用@import规则。)”

相关问题