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

【问题标题】：Node-Sass includes the @use directive when compilingNode-Sass 在编译时包含 @use 指令
【发布时间】：2020-04-04 19:28:19
【问题描述】：

我是 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"))
})

【问题讨论】：

嗨，我不确定，但我想我也有。我正在尝试使用新的“@use”而不是“@import”，但这似乎不适用于 gulp-sass。目前 gulp-sass 维护得不是很好。也许这就是原因，但我还不确定。
我刚刚发现：github.com/sass/node-sass/issues/2886 上面写着 @use 尚不支持
有什么理由需要node-sass吗？文档清楚地说您可以改用sass。 npmjs.com/package/gulp-sass

标签： sass gulp gulp-watch gulp-sass node-sass

【解决方案1】：

据此，我只是从那里复制一些行 https://sass-lang.com/documentation/at-rules/import#importing-css

“请注意，目前只有 Dart Sass 支持 @use。其他实现的用户必须使用 @import 规则。）”

【讨论】：