Grunt connect

使用connect打開指定html方法

　　因爲localhost會直接連接到了index.html，因此咱們能夠經過base選項設置打開html，這是個人目錄，我要打開根目錄下的test.html

connect:{
            options: {
              port: 9000,
              open: true,
              livereload: 35729,
              // Change this to '0.0.0.0' to access the server from outside
              hostname: 'localhost',
              useAvailablePort:true,
              },
              server: {
                options: {
                    oprt:9001,
                      base:{
                          path:'./',
                          options:{
                              index:'./test.html'
                          }
                      }
                },
                keepalive:true
            }
        }

 

 若是不設置，那麼localhost會去尋找index.html，若沒有找到就會返回根目錄

 

若是沒有設置useAvailablePort ，自行設置port有可能會出現Port is already being used 那麼經過殺死使用該端口的進程來解決

 

connect Option 詳細內容見https://www.jianshu.com/p/898cbc5724a0

port

類型: Integer(整數)
默認值:8000

網絡服務器將響應的端口。若是指定的端口已經在使用中，則該任務將失敗（除非設置了useAvailablePort）。您可使用特殊值0或'?'使用系統分配的端口。

protocol

類型:String
默認值:'http'

網絡通訊協議,能夠是'http', 'http2' 或'https'.

hostname

類型:String
默認值:0.0.0.0

能夠訪問網絡服務器的主機名.
將其設置爲'*',像「 0.0.0.0」，將使服務器能夠從任何本地局域網 的IPv4地址訪問 '127.0.0.1'，並將IP分配給以太網或無線接口如'192.168.0.x'或'10.0.0.x'。

若是open設置爲true，該hostname設置將用於生成瀏覽器打開的URL，默認爲localhost指定通配符主機名。

base

類型:String or Array or Object
默認值:.

• String 提供文件的基本路徑(或根目錄),默認爲 Gruntfile.js 所在的目錄
• Array 多個被映射到網站虛擬根目錄的物理路徑
• Object 包含path 和 options參數,options 會傳遞給 serve-state 模塊處理。

directory

類型:String
默認值:null

設置到但願可以瀏覽的目錄 用於覆蓋base選項的可瀏覽目錄。

keepalive

類型:Boolean
默認值:false

讓服務器持續運行。請注意，若是啓用此選項，則此任務以後指定的任何任務將永遠不會運行。默認狀況下，一旦grunt的任務完成，Web服務器中止。此選項會更改該行爲。

此選項也能夠經過運行任務進行臨時啓用 grunt nnect:targetname:keepalive

debug

類型:Boolean
默認值:false

將debug選項設置爲true以啓用日誌記錄，而不是使用--debug標誌。

livereload

類型：Boolean或Number
默認值：false

設置true或端口號，以使用connect-livereload將實時從新加載腳本的標記注入到頁面中。

這不執行實時從新加載。它旨在與grunt-contrib-watch或另外一個任務一塊兒使用，在文件更改時將觸發實時從新加載服務器。

open

類型: Boolean或String或Object
默認值：false

在默認瀏覽器中打開提供的頁面。

這能夠是如下之一：

• 指定true打開默認服務器URL（從protocol，hostname
  和port
  設置生成）

• 指定URL會打開該URL

• 使用如下鍵指定一個對象，直接配置爲open：

useAvailablePort

類型：Boolean
默認值：false

若是true任務將在set port選項以後查找下一個可用端口。