鍍金池/ 問(wèn)答/Linux  HTML/ 為什么要用npm run dev才能顯示出頁(yè)面？

為什么要用npm run dev才能顯示出頁(yè)面？

一開(kāi)始寫(xiě)簡(jiǎn)單頁(yè)面的時(shí)候只需要打開(kāi)index.html就可以直接顯示出頁(yè)面內(nèi)容，現(xiàn)在在學(xué)習(xí)Vue.js,使用webpack構(gòu)建項(xiàng)目，為什么這種項(xiàng)目里面要用npm run dev才能將頁(yè)面內(nèi)容展示出來(lái)呢，直接打開(kāi)index.html沒(méi)有任何東西顯示，index中明明也有引入的js文件，為啥那個(gè)js文件點(diǎn)開(kāi)也不能顯示。十分困惑npm run dev具體執(zhí)行了什么操作，以及這樣顯示頁(yè)面和最初直接打開(kāi)html就可以顯示出頁(yè)面的區(qū)別？ 新手還望各位賜教。

回答
編輯回答
哚蕾咪
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  }

運(yùn)行npm run dev時(shí)會(huì)根據(jù)開(kāi)發(fā)環(huán)境的相關(guān)配置文件打包文件并啟動(dòng)webpack-dev-server-一個(gè)基于node的小型http服務(wù)器。這段命令你可以在npm的配置文件package.json中找到。

建議樓主還是先深入了解下前端工程化、模塊化開(kāi)發(fā)、nodejs、npm、webpack相關(guān)概念。

2017年5月18日 06:48