gulp.task('watch', function() {
gulp.watch([`${path.styles}/style.css`, `${path.styles}/utils/**/*.css`, `${path.styles}/base/**/*.css`, `${path.blocks}/**/*.css`], gulp.series('css'));
gulp.watch([`${path.dev}/*.html`, `${path.styles}/style.compiled.css`, `${path.scripts}/app.compiled.js`]).on('change', browserSync.reload);
});
gulp.task('css', function() {
return gulp.src([`${path.styles}/style.css`])
.pipe(postcss(plugins, { parser: sugarss })).on('error', log)
.pipe(rename({
suffix: '.compiled',
extname: '.css'
}))
.pipe(csso()).on('error', log)
.pipe(gulp.dest(path.styles))
});
gulp.task('default', gulp.series( 'css', gulp.parallel('server-dev', 'watch')));
gulp.task('watch', function(done) {
gulp.watch(['**/*.css', '!dev/styles/style.compiled.css'], gulp.series('css'));
gulp.watch([`${path.dev}/*.html`, `${path.styles}/style.compiled.css`, `${path.scripts}/app.compiled.js`]).on('change', browserSync.reload);
done();
});
gulp.task('server-dev', function(done) {
browserSync.init({
server: {
baseDir: path.dev
},
port: 8000,
https: false
notify: false,
reloadDelay: 50
}, done);
});
Find more questions by tags Gulp.js