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

Question

我需要帮助，我使用 gulp4 并有一个任务 build 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”的情况下执行任务时停止构建器？

终端

链接gitlab项目

标签： sassgulpbrowser-syncpostcssgulp-4

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