第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

跪求!vue在npm run dev 后為什么就在localhost運(yùn)行了求解答!

跪求!vue在npm run dev 后為什么就在localhost運(yùn)行了求解答!

藍(lán)山帝景 2019-10-25 23:13:10
vue在npmrundev后為什么就在localhost運(yùn)行了求教在這個(gè)過程中vue做了什么以及它的原理
查看完整描述

2 回答

?
揚(yáng)帆大魚

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個(gè)贊

首先run是run的package.json里邊的scripts這個(gè)命令
里邊有對(duì)應(yīng)的執(zhí)行的文件,那你就去找這個(gè)文件嘛,比如我的是build/webpack.dev.conf.js
然后這個(gè)里邊有個(gè)webpack的配置文件調(diào)用webpackConfig
然后這個(gè)里邊又有一個(gè)webpack.base.conf.js的引用
最后這個(gè)文件里邊引用的是./src/main.js
所以呢就打開了我們的入口文件
這是找文件的,同理還有一些其他的,
比如還會(huì)看到一些webpack-dev-server--inline--progress--config這個(gè)被調(diào)用的命令啟動(dòng)了webpack-dev-server這個(gè)服務(wù)器webpack的一些命令和參數(shù)這個(gè)東西咱們自己都可以寫的,然后發(fā)到npm,拉下來就能執(zhí)行你想做的命令,挺好玩,感覺有幫助的話請(qǐng)點(diǎn)贊謝謝
                            
查看完整回答
反對(duì) 回復(fù) 2019-10-25
?
絕地?zé)o雙

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超4個(gè)贊

當(dāng)前分析環(huán)境:windows10專業(yè)版1809
以vue-cli3的配置(修改過)為例(vue-cli2的類似)
"scripts":{
"dev":"vue-cli-serviceserve",
"serve":"vue-cli-serviceserve",
"build":"vue-cli-servicebuild",
"lint":"vue-cli-servicelint"
}
當(dāng)執(zhí)行npmrundev后
npm會(huì)去package.json里邊的scripts字段里找dev這個(gè)命令
如果配置了的話,就會(huì)執(zhí)行對(duì)應(yīng)的配置vue-cli-serviceserve
vue-cli-service也是一個(gè)命令,當(dāng)npm的腳本執(zhí)行的時(shí)候就會(huì)去執(zhí)行當(dāng)前項(xiàng)目目錄下的node_modules/.bin/vue-cli-service.cmd這個(gè)文件(可自行查看源碼)
vue-cli-service.cmd這個(gè)文件又會(huì)用node執(zhí)行@vue\cli-service\bin\vue-cli-service.js文件(可自行查看源碼)
vue-cli-service.js這個(gè)文件里加載著(兩層加載)對(duì)應(yīng)的命令處理文件(@vue\cli-service\bin\commands\serve.js文件寫著可執(zhí)行的命令)
然后你就會(huì)發(fā)現(xiàn)它加載了webpack-dev-server這個(gè)包(也就是說vue-cli-service是基于這個(gè)包實(shí)現(xiàn)的)(可自行查看源碼)
然后再看webpack-dev-server這個(gè)包,它又是基于express實(shí)現(xiàn)的
express又是一個(gè)node框架,它起的web服務(wù)器底層調(diào)用的實(shí)際是node的http這個(gè)核心模塊
這時(shí)就出現(xiàn)一個(gè)調(diào)用鏈條npmrundev->vue-cli-serviceserve->webpack-dev-server->express->node->http(vue-cli2的配置少了vue-cli-service這層封裝)
所以得出結(jié)論:vue在npmrundev后為什么就在localhost運(yùn)行了?這個(gè)問題的實(shí)質(zhì)是用node調(diào)用http模塊啟用了一個(gè)web服務(wù)器。
                            
查看完整回答
反對(duì) 回復(fù) 2019-10-25
  • 2 回答
  • 0 關(guān)注
  • 554 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)