browserSyncを使ってブラウザを自動リロードさせよう【gulp4】

test
├ node_modules
├ dist
├ src
│ └ index.html
├ gulpfile.js
├ package-lock.json
└ package.json

npm i -D browser-sync

//----------------------------------------------------------------------
//  モード
//----------------------------------------------------------------------
"use strict";

//----------------------------------------------------------------------
//  モジュール読み込み
//----------------------------------------------------------------------
const gulp = require("gulp");
const { src, dest, series, parallel, watch, tree } = require("gulp");

const bs = require("browser-sync");

//----------------------------------------------------------------------
//  関数定義
//----------------------------------------------------------------------
function bsInit(done) {
  bs.init({
    server: {
      baseDir: "./"                   // browser-syncが基準とするディレクトリを指定する
    },
    startPath: "src/index.html",      // 開きたいパスを指定する
    notify: false,                    // ブラウザ更新時に出てくる通知を非表示にする
    open: "external",                 // ローカルIPアドレスでサーバを立ち上げる
  });

  done();
}

function bsReload(done) {
	bs.reload();

	done();
}

function watchTask(done) {
	watch(["./src/**"], series(bsReload));    //	監視対象とするパスはお好みで
}

//----------------------------------------------------------------------
//  タスク定義
//----------------------------------------------------------------------
exports.bs = series(bsInit, bsReload, watchTask);

/************************************************************************/
/*  END OF FILE                                                         */
/************************************************************************/

npx gulp bs

[00:00:00] Starting 'bs'...
[00:00:00] Starting 'bsInit'...
[00:00:00] Finished 'bsInit' after 43 ms
[00:00:00] Starting 'bsReload'...
[00:00:00] Finished 'bsReload' after 1.17 ms
[00:00:00] Starting 'watchTask'...
[Browsersync] Access URLs:
 ------------------------------------------------------
       Local: http://localhost:3000/src/index.html
    External: http://123.456.78.123:3000/src/index.html
 ------------------------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 ------------------------------------------------------
[Browsersync] Serving files from: ./

startPath: "src/aaa.html",