[指南] 前端自動化開發 Gulp + PHP + Browserify

章節連結

雖說使用 Gulp 搭配 Browserify 可以成功在前端開發時啟用 Hot Reload,不過若你在網址列開啟時輸出的是 Cannot Get / 的字樣,那麼你的後端伺服器就有一定機率是 PHP,那就得先額外先連上 PHP 伺服器後,再執行 Browserify 即可。

javascript


設定

1. 在 Server 端設定好 Apache 的網址轉發後,用 gulp-connect-php 輸入設定值
2. 連線上後,使用 callback 呼叫 browserSync 即可
3. 若你要在更改某些檔案後做 reload,你要在所需要的 task 後方加上 browserSync.stream({ stream: true })
4. PHP 的檔案內,一定要有 <body></body> 這對標籤當作掛載點,否則會無法正常發揮功能


相關文章

  • [指南] 前端自動化開發 Gulp + PHP + Browserify
  • [指南] 前端自動化開發工具 Gulp 4 + Babel 7 + Browserify 整合紀錄
  • [筆記] HTML 與 PUG 線上格式轉換
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 用一般 HTML 來製作樣板並排版
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 依照開發環境調整佈署內容
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 架設簡易伺服器和壓縮程式碼
  • [筆記] 使用 Gulp 進行網頁前端自動化 – Gulp 和 Bower 串接
  • [筆記] 使用 Gulp 進行網頁前端自動化 – PostCSS 自動加上前綴 & Load Plugins
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 初始化你的第一個 Gulp 編譯專案
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 簡介
  • 按讚加入粉絲團

    延伸閱讀

    GA瀏覽人氣:4