Suporte » Desenvolvendo com WordPress » 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;

Visualizando 5 respostas - 1 até 5 (de um total de 5)
Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Você deve estar conectado para responder a este tópico.