Node.js服務(wù)器熱更新配置初探。

總結(jié)一下這兩天學(xué)(chao)習(xí)(xi)大腿們的項(xiàng)目源碼。
這兩天都是在關(guān)注nodejs熱更新部分,直接上心得吧。
熱更新主要就是三個(gè)插件,gulp,gulp-nodemon,browser-sync。
gulp,前端配置自動(dòng)化工具。
gulp-nodemon,重啟服務(wù)器的插件,我的理解應(yīng)該是gulp與nodemon的一個(gè)中間件吧,剛?cè)肟酉共碌?/em>。
browser-sync,顧名思義,瀏覽器同步更新插件。
首先,在package.json的script里添加一個(gè)server: gulp server的啟動(dòng)項(xiàng)。這樣就可以不用全局安裝gulp了。

然后創(chuàng)建gulpfile.js,引入必要的東西,gulp,gulp-nodemon,browser-sync,引入path庫(kù),用于路徑的合成。

接下來(lái)首先寫(xiě)一個(gè)啟動(dòng)的task。因?yàn)槲覀儐?dòng)的是server,就寫(xiě)一個(gè)server的task。這里有兩點(diǎn):
1、這個(gè)task依賴(lài)與browser-sync的task,雖然我們執(zhí)行的是server的task,但是因?yàn)橐蕾?lài)的關(guān)系,它會(huì)先執(zhí)行browser-sync的task,再執(zhí)行自己。
2、server的task里面有一個(gè)watch,用于監(jiān)聽(tīng)文件的變化,依賴(lài)bs-delay的task,每次watch到修改都會(huì)執(zhí)行bs-delay的task。

接著寫(xiě)server所依賴(lài)的browser-sync的task:
1、browser-sync的task依舊是有前置依賴(lài),執(zhí)行這個(gè)task前會(huì)先去搜尋nodemon這個(gè)task,nodemon這個(gè)task執(zhí)行完畢后,才會(huì)執(zhí)行browser-sync。
2、自己里邊是執(zhí)行了初始化browser-sync的瀏覽器熱更新插件。

這里配置默認(rèn)起的端口是3000,因?yàn)槭菂⒖夹缘难芯浚晕疫@里寫(xiě)需要被代理服務(wù)器參數(shù)時(shí)就直接把3000端口寫(xiě)了上去。
至于browser-sync有什么參數(shù)可以去官網(wǎng)的api里查詢(xún)。

browser-sync的api入口

然后再繼續(xù)探索一下上一個(gè)task的前置任務(wù),nodemon task:

啟動(dòng)nodemon用。沒(méi)什么好說(shuō)的,有興趣可以去看看nodemon的api:

前端筆記--nodemon api

大致就是這樣吧,這段代碼完成了以后就可以實(shí)現(xiàn)nodejs的熱更新了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 對(duì)網(wǎng)站資源進(jìn)行優(yōu)化,并使用不同瀏覽器測(cè)試并不是網(wǎng)站設(shè)計(jì)過(guò)程中最有意思的部分,但是這個(gè)過(guò)程中的很多重復(fù)的任務(wù)能夠使用...
    懵逼js閱讀 1,163評(píng)論 0 8
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,551評(píng)論 19 139
  • 安裝Gulp首先需要安裝Node.js,并在控制臺(tái)輸入$ npm install gulp -gMac端需要寫(xiě)成$...
    LaBaby_閱讀 1,020評(píng)論 0 1
  • 前言: gulp是前端開(kāi)發(fā)過(guò)程中對(duì)代碼進(jìn)行構(gòu)建的工具,是自動(dòng)化項(xiàng)目的構(gòu)建利器;她不僅能對(duì)網(wǎng)站資源進(jìn)行優(yōu)化,而且在開(kāi)...
    晚晴幽草閱讀 3,256評(píng)論 0 13
  • 編輯于2015年 轉(zhuǎn)載自某作者的譯文 作者要是看到請(qǐng)聯(lián)系我注明出處 對(duì)網(wǎng)站資源進(jìn)行優(yōu)化,并使用不同瀏覽器測(cè)試并不是...
    krock01閱讀 493評(píng)論 0 2

友情鏈接更多精彩內(nèi)容