WordPress com Gulp – dificuldade com a task “watch”

Olá amigos
Sou novato em desenvolver usando o Gulp com WordPress. Estou testando em meu Visual Code Studio e consegui fazer a instalação de tudo facilmente. Estou experimentando pequenas tasks, como minificar css e o autoprefixer, mas para a task watch estou com dificuldade.
Não estou usando o scss, mas css convencional. Quando altero o arquivo style.css a versão minificada só atualiza se antes eu executar no terminal do próprio editor o comando gulp watch, ou seja, não está executando automaticamente. O que estou fazendo de errado?
Versão Gulp: 4
Versão Node 12.16.1
Versão npm 6.13.4
Segue código abaixo, baseado em um código demo do próprio site da npm (https://www.npmjs.com/package/gulp)

var gulp = require(‘gulp’),
autoprefixer = require(‘gulp-autoprefixer’),
cleanCSS = require(‘gulp-clean-css’),
rename = require(‘gulp-rename’);

var paths = {
styles: {
src: ‘../src/*.css’,
dest: ‘../dist/css’
}
};

function styles() {
return gulp.src(paths.styles.src)
.pipe(cleanCSS({
compatibility: ‘ie8’
}))
.pipe(autoprefixer([‘last 2 versions’]))
.pipe(rename({
basename: ‘style’,
suffix: ‘.min’
}))
.pipe(gulp.dest(paths.styles.dest));
}

function watch() {
gulp.watch(paths.styles.src, styles);
}

var build = gulp.series(gulp.parallel(styles));

exports.styles = styles;
exports.watch = watch;
exports.build = build;
exports.default = build;

• Este tópico foi modificado 4 anos, 2 meses atrás por Rodrigo Grigoletti.