在完成任务后如何停止吞咽？

Question

我需要帮助，我使用gulp4并有一个任务构建scss：

export const Style = () => src(path.style.src)
    .pipe(sourcemaps.init())
    .pipe(postcss([
        require('postcss-nested'),
        require('autoprefixer')
     ], {syntax: require('postcss-scss')}))
     .pipe(concat('style.min.css'))
     .pipe(sourcemaps.write('../maps'))
     .pipe(dest(path.style.dist))
     .pipe(browserSync.reload({stream: true}));

并观看文件此任务：

export const WatchFiles = () =>
    watch(path.style.watch, Style);

当我执行默认任务时，这非常有效，这是一项开发任务。

let RunServer = parallel(
    WatchFiles,
    Serve
);

let Build = series(
    Style,
    RunServer
);

另外，为了以防万一，我将添加一个服务器任务，也许它会有所帮助

export function Serve(done) {
    browserSync.init({
        server: {
            baseDir: path.build,
            index: 'index.html'
        },
        ghostMode: true,
        notify: false,
        host: '0.0.0.0',
        port: 9000
    });

    done();
};

但是，如果我只执行“样式”任务，它将不会停止观看我的文件，也不会完成任务。如何在执行任务时，没有任务“WatchFiles”，停止构建器？

terminal

link gitlab project

Answer 1

我认为你的样式函数中的回调（完成）将解决停止问题。

export const Style = (done) => {
  src(path.style.src)
    .pipe(sourcemaps.init())
    .pipe(postcss([
      require('postcss-nested'),
      require('autoprefixer')
    ], { syntax: require('postcss-scss') }))
    .pipe(concat('style.min.css'))
    .pipe(sourcemaps.write('../maps'))
    .pipe(dest(path.style.dist))
    .pipe(browserSync.reload({ stream: true }));

    done();
}