2

我需要帮助,我使用 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项目

4

1 回答 1

0

我认为您的样式函数中的回调(完成)可以解决停止问题。

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();
}
于 2019-03-27T07:30:02.280 回答