live-server 微服務,本地預覽vue、react打包項目


live-server:https://www.npmjs.com/package/live-server

 

全局安裝:

npm install -g live-server

從命令行使用

live-server在您的項目目錄中發出命令或者,您可以添加路徑作為命令行參數。

這將自動啟動默認瀏覽器。當您對任何文件進行更改時,瀏覽器將重新加載頁面 - 除非它是 CSS 文件,在這種情況下,無需重新加載即可應用更改。

命令行參數:

  • --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 而不是服務器根目錄
  • --watch=PATH - 以逗號分隔的路徑字符串以專門監視更改(默認值:監視所有內容)
  • --ignore=PATH- 以逗號分隔的要忽略的路徑字符串(anymatch兼容定義)
  • --ignorePattern=RGXP-文件的正則表達式忽略(即.*\.jade)(不推薦使用贊成--ignore
  • --no-css-inject - 在 CSS 更改時重新加載頁面,而不是注入更改的 CSS
  • --middleware=PATH- .js 文件的路徑,導出要添加的中間件功能;可以是沒有路徑或擴展名的名稱來引用middleware文件夾中的捆綁中間件
  • --entry-file=PATH - 提供此文件(服務器根相關)代替丟失的文件(對單頁應用程序有用)
  • --mount=ROUTE:PATH - 在定義的路由下提供路徑內容(可能有多個定義)
  • --spa - 將請求從 /abc 轉換為 /#/abc(適用於單頁應用程序)
  • --wait=MILLISECONDS -(默認 100 毫秒)等待所有更改,然后重新加載
  • --htpasswd=PATH - 啟用 http-auth 期望位於 PATH 的 htpasswd 文件
  • --cors - 為任何來源啟用 CORS(反映請求來源,支持帶有憑據的請求)
  • --https=PATH - HTTPS 配置模塊的路徑
  • --https-module=MODULE_NAME- 自定義 HTTPS 模塊(例如spdy
  • --proxy=ROUTE:URL - 將 ROUTE 的所有請求代理到 URL
  • --help | -h - 顯示簡潔的使用提示並退出
  • --version | -v - 顯示版本並退出

默認選項:

如果文件~/.live-server.json存在,它將被加載並用作命令行上 live-server 的默認選項。有關選項名稱,請參閱“從節點使用”。

 

我們使用命令行運行本地打包的vue項目:

(本地項目目錄)

 

 

(2)終端中運行

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM