1.live-server

沒有webpack，我們就無法使用webpack-dev-server運行這個項目，實現熱部署。

所以，這裏我們使用另外一種熱部署方式：live-server，

1.1.簡介

地址；https://www.npmjs.com/package/live-server

liveshare怎麼運行代碼_默認值

這是一款帶有熱加載功能的小型開發服務器。用它來展示你的HTML / JavaScript / CSS，但不能用於部署最終的網站。

1.2.安裝和運行參數

安裝，使用npm命令即可，這裏建議全局安裝，以後任意位置可用

npm install -g live-server

運行時，直接輸入命令：

live-server

另外，你可以在運行命令後，跟上一些參數以配置：

  • --port=NUMBER - 選擇要使用的端口，默認值：PORT env var或8080
  • --host=ADDRESS - 選擇要綁定的主機地址，默認值：IP env var或0.0.0.0（“任意地址”）
  • --no-browser - 禁止自動Web瀏覽器啓動
  • --browser=BROWSER - 指定使用瀏覽器而不是系統默認值
  • --quiet | -q - 禁止記錄
  • --verbose | -V - 更多日誌記錄（記錄所有請求，顯示所有偵聽的IPv4接口等）
  • --open=PATH - 啓動瀏覽器到PATH而不是服務器root
  • --watch=PATH - 用逗號分隔的路徑來專門監視變化（默認值：觀看所有內容）
  • --ignore=PATH- 要忽略的逗號分隔的路徑字符串（anymatch -compatible definition）
  • --ignorePattern=RGXP-文件的正則表達式忽略（即.*\.jade）（不推薦使用贊成--ignore）
  • --middleware=PATH - 導出要添加的中間件功能的.js文件的路徑; 可以是沒有路徑的名稱，也可以是引用middleware文件夾中捆綁的中間件的擴展名
  • --entry-file=PATH - 提供此文件（服務器根目錄）代替丟失的文件（對單頁應用程序有用）
  • --mount=ROUTE:PATH - 在定義的路線下提供路徑內容（可能有多個定義）
  • --spa - 將請求從/ abc轉換為/＃/ abc（方便單頁應用）
  • --wait=MILLISECONDS - （默認100ms）等待所有更改，然後重新加載
  • --htpasswd=PATH - 啓用期待位於PATH的htpasswd文件的http-auth
  • --cors - 為任何來源啓用CORS（反映請求源，支持憑證的請求）
  • --https=PATH - 到HTTPS配置模塊的路徑
  • --proxy=ROUTE:URL - 代理ROUTE到URL的所有請求
  • --help | -h - 顯示簡潔的使用提示並退出
  • --version | -v - 顯示版本並退出

1.3.測試

我們進入leyou-portal目錄，輸入命令：

live-server --port=9002

liveshare怎麼運行代碼_#live-server_02