大家好!我使用 Gulp (v.4) 来编译 SCSS。我想使用我根据插件描述安装的 gulp-sass-glob 插件将所有 _.scss 文件导入 main.scss。但是,当在 gulpfile 中创建对应的变量(sassGlob)时,这个变量的名称会高亮显示,就好像没有安装这个插件一样。因此,没有任何效果。这可能是什么原因以及如何解决?
const
gulp = require('gulp'),
sass = require('gulp-sass')(require('sass')),
sassGlob = require('gulp-sass-glob');
function scssTask() {
return gulp.src('scss/main.scss')
.pipe(sassGlob())
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('css/'));
}
const watchFiles = () => {
gulp.watch(['scss/**/*.scss'], gulp.series(scssTask));
}
const start = gulp.series(scssTask);
exports.default = gulp.parallel(start, watchFiles);
问题解决了。与插件页面上的描述不同,您必须将“./”放在您正在浏览的文件夹路径的开头并且它可以工作。编辑器中变量的颜色与这个问题无关。