Не срабатывает таск в gulpfile.js, что не так?

Question

[Alexander]

При написании в терминале gulp, срабатывает таск на watch и browser-sync но не срабатывают правила для sass. В чем может быть проблема?

/////// HTML TASK /////////////////////////////////////////////////////////////

gulp.task('code', function() {
	return gulp.src(''+source+'/*.html')
		.pipe(browserSync.reload({ stream: true }))
});

/////// SASS TASK /////////////////////////////////////////////////////////////

gulp.task('style', function(){
	return gulp.src(''+source+'/'+syntax+'/**/*.'+syntax+'')
		.pipe(sass({ outputStyle: 'expanded' }).on("error", notify.onError()))
		.pipe(autoprefixer(['last 15 versions']))
		.pipe(cleancss({ level: { 1: { specialComments: 'all' } } }))
		.pipe(rename({ prefix: '', suffix: '.min' }))
		.pipe(gulp.dest(''+source+'/css'))
		.pipe(browserSync.stream())
});

/////// SCRIPTS TASK ///////////////////////////////////////////////////////////

gulp.task('scripts', function() {
	return gulp.src([
		''+source+'/libs/jquery/dist/jquery.min.js',
		''+source+'/js/common.js',
	])
		.pipe(concat('scripts.min.js'))
		.pipe(uglify()) // Mifify js
		.pipe(rename({prefix: '', suffix: '.min'}))
		.pipe(gulp.dest(''+source+'/js'))
		.pipe(browserSync.reload({ stream: true }))
});

/////// BROWSER-SYNC TASK //////////////////////////////////////////////////////

gulp.task('browser-sync', function() {
	browserSync({
		server: {
			baseDir: ''+source+''
		},
		notify: false,
	})
});

/////// WATCH TASK /////////////////////////////////////////////////////////////

gulp.task('watch', function() {
	gulp.watch(''+source+'/*.html', gulp.parallel('code'));
	gulp.watch(''+source+'/'+syntax+'/**/*.'+syntax+'', gulp.parallel('style'));
	gulp.watch(['libs/**/*.js', ''+source+'/js/common.js'], gulp.parallel('scripts'));
});

gulp.task('default', gulp.parallel('watch', 'browser-sync'));

Comments

[RAX7]

Так у вас в конфиге и написано по дефолту запустить watch и browser-sync

gulp.task('default', gulp.parallel('watch', 'browser-sync'));

[Alexander]

RAX7, Так ведь в таске watch прописаны параллельные задачи, которые должны выполняться.

[RAX7]

Alexander, не срабатывает таск style при запуске или по вотчу? Если при запуске, то его там и нет.

[Alexander]

RAX7, Если вызывать таск sass отдельно, он работает. Если прописывать gulp или gulp watch, он уже не работает.

[RAX7]

а так:

gulp.task('default', gulp.series(['style', 'watch', 'browser-sync']));

[Alexander]

RAX7, так работает, но таск срабатывает после browser-sync, а нужно перед.

Answer 1

[NiyazNA]

Возможно у вас стоит 4 версия gulp. А там теперь многое поменяли. Советую проверить какая у Вас версия стоит.

Comments

[Alexander]

Стоит Gulp 4 версии.