在公司做項目時徘键,有兩個項目工程,都是通過gulp進(jìn)行前端構(gòu)建央碟,使用gulp-livereload達(dá)到瀏覽器實時刷新的效果 税灌。之前都是單獨啟用一個工程,所以并未出現(xiàn)什么問題亿虽,昨天我試著將兩個工程同時啟動菱涤。。問題來了洛勉!
然后我就去gulp-livereload官網(wǎng)看了下狸窘,人家是這樣說的
These options can either be set through livereload.listen(options) or livereload(options).
port Server port
host Server host
basePath Path to prepend all given paths
start Automatically start
quiet false Disable console logging
reloadPage index.html Path to the page the browsers on for a full page reload
意思是參數(shù)的設(shè)定可在livereload.listen()時或是livereload()。
于是坯认,我照做了翻擒,調(diào)用時加了個參數(shù)對象
livereload.listen() -> livereload.listen({port:4443})
livereload() -> livereload({port:4443})
livereload -> livereload : {port:4443}
這里我做個說明氓涣,項目中用到了gulp-connect 故也將connect.server的參數(shù)livereload的true -> {port:4443}
運行。
我們發(fā)現(xiàn)并沒有報之前端口監(jiān)聽失敗錯誤~
是不是覺得這樣問題就解決啦~
然而并不是陋气。劳吠。。
在你的瀏覽器中打開你的頁面
咦9谩Q魍妗!议慰! 不對呀 我明明改了呀 而且運行也沒報錯蠢古。怎么這里插入的還是35729端口下的js
接著我全局搜索了下35729 看到了gulp-livereload 。别凹。后面還有connect-livereload 好奇之心驅(qū)使我看了下原來是gulp-connect引入了connect-livereload 草讶。就是connect-livereload的作用將js文件插入html文件中。炉菲。所以我也明白了為何我在node工程并未引入gulp-livereload但還是有l(wèi)ivereload堕战。。
你也可以一郁悶全局替換35729為4443拍霜。這樣問題也解決了~
為何端口還是35729的問題一直未解決嘱丢,直到我回家后。祠饺。刷新頁面越驻。。阿勒道偷! 端口變了 實時刷新生效了伐谈。。
頁面緩存問題试疙。。換了個環(huán)境IP地址必須改變 這不 問題就解決了抠蚣。
2017.6.4 星期天 晴