浏览器同步似乎不起作用答案

【问题标题】：browser sync seems not work浏览器同步似乎不起作用
【发布时间】：2018-01-26 21:36:16
【问题描述】：

我第一次使用 gulp 的浏览器同步，这是我的项目结构：

-root
    -assets
        -img
    -src
        -css
        -js
        -scss
        index.html
    gulpfile.js
    package.json

这是 gulpfile.js：

const gulp        = require('gulp');
const browserSync = require('browser-sync').create();
const sass        = require('gulp-sass');

gulp.task('sass', function() {
    return gulp.src("./src/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("./src/css"))
        .pipe(browserSync.stream());
});

// Static Server + watching scss/html files
gulp.task('serve', gulp.series('sass'), () => {

    browserSync.init({
        server: "./src"
    });

    gulp.watch("./src/scss/*.scss", ['sass']);
    gulp.watch("./src/*.html").on('change', browserSync.reload({stream:true}));
});

// Compile sass into CSS & auto-inject into browsers


gulp.task('default', gulp.series('serve'));

我通过浏览器同步文档here 获取代码并进行了一些修改，但是当我在控制台上输入“gulp”时，我得到了这个：

[22:24:59] Starting 'default'...
[22:24:59] Starting 'serve'...
[22:24:59] Starting 'sass'...
[22:24:59] Finished 'sass' after 40 ms
[22:24:59] Finished 'serve' after 43 ms
[22:24:59] Finished 'default' after

可能我错过了什么，浏览器同步不应该无限期运行吗？谢谢

【问题讨论】：

我认为发球结束没问题。如果您将这些监视语句放在单独的任务中，则该任务将无法完成。它不是为你工作/监视你吗？

标签： javascript gulp browser-sync

【解决方案1】：

好的，现在看来我解决了：

const gulp        = require('gulp');
const browserSync = require('browser-sync').create();
const sass        = require('gulp-sass');

gulp.task('sass', function() {
    return gulp.src("./src/scss/*.scss")
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest("./src/css"))
        .pipe(browserSync.stream());
});

// Static Server + watching scss/html files
gulp.task('serve', function() {

    browserSync.init({
        injectChanges: true,
        server: "./src"
    });

    gulp.watch("./src/scss/*.scss", gulp.series('sass'));
    gulp.watch("./src/*.html").on('change', browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers


gulp.task('default', gulp.series('serve','sass'));

【讨论】：