Я новичок в 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"))
})