做完任务如何停止gulp？

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();
};

但是如果我只是执行"Style"任务，它不会停止监视我的文件，也不会完成任务。如何在没有任务 "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();
}

做完任务如何停止gulp？

How stop gulp after doing the task?

sass

gulp

browser-sync

postcss

gulp-4