這是在講 Gulp 不是飲料是任務自動化工具這件事：瀏覽器同步顯示(browser-sync)

npm install --save browser-sync

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

// Static server
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./public" // 要注意這裡應該要指向到要模擬的伺服器資料夾，也就是 public
        }
    });
});

gulp.task('default',gulp.series('copyHTML', 'scss', 'babel', 'image', 'browser-sync'));

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

// Static server
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./public" // 要注意這裡應該要指向到要模擬的伺服器資料夾，也就是 public
            reloadDebounce: 3000 // 意指每次重新整理必須間格 3 秒
        }
    });
});

gulp.task('browser-sync', function() {
  browserSync.init({
      server: {
          baseDir: "./public"
      },
      port: 8080
  });
});