我是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"))
})
1条答案
按热度按时间yeotifhr1#
根据这个,我只是从那里复制一些行https://sass-lang.com/documentation/at-rules/import#importing-css
“请注意,目前只有Dart Sass支持@use。其他实现的用户必须改用@import规则。)”