如何解决sass文件的Gulp监视任务不监视sass文件
我已经为sass:watch任务设置了所有必需的配置,但是当我开始调用watch任务时,它不会监视sass文件任务,因此不会将sass编译为css文件
这是我的gulp文件,
'use strict';
var gulp = require('gulp'),sass = require('gulp-sass'),browserSync = require('browser-sync');
gulp.task('sass',function () {
return gulp.src('./css/*.scss')
.pipe(sass().on('error',sass.logError))
.pipe(gulp.dest('./css'));
});
gulp.task('sass:watch',function () {
gulp.watch('./css/*.scss',['sass']);
});
gulp.task('browser-sync',function () {
var files = [
'./*.html','./css/*.css','./img/*.{png,jpg,gif}','./js/*.js'
];
browserSync.init(files,{
server: {
baseDir: "./"
}
});
});
// Default task
gulp.task('default',gulp.series('browser-sync'),function() {
gulp.start('sass:watch');
});
默认任务有问题吗?
解决方法
在这种情况下,请尝试以下操作:
gulp.task('default',gulp.parallel('browser-sync','sass:watch'));
我想可以“并行”执行这些任务。
,是,请尝试以下方法:
// Default task
gulp.task('default',gulp.series('browser-sync','sass:watch'));
gulp.start
在gulp v4中不起作用。另外,您的default
任务有三个参数,只允许两个。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。