跳至主要内容

browser-sync 網站預覽

browser-sync 可以在本地快速預覽靜態網站，檔案一有變動就會自動刷新。

環境需求​

  • Node.js：版本為 18.0 以上。

安裝方式​

npm install -g browser-sync

常用指令​

browser-sync start --server "public" --files "public/**/*"

常用參數​

  • --server：指定要服務的資料夾。
  • --files：監聽檔案變動，觸發 reload。

避免重複 reload​

如果檔案變動很密集，可以加上 debounce 與 delay 合併事件：

  • --reload-debounce 300：等 300 ms 沒有新事件再 reload。
  • --reload-delay 100：再多等 100 ms 再刷新。

數字依自己的 build 時間與檔案量調整就好。