vue-cli 官方模板webpack-simple的npm run dev 与npm run bulid的一些问题
npm run dev命令后并不會(huì)在dist目錄下生成build.js文件,開(kāi)發(fā)環(huán)境下build.js是在運(yùn)行內(nèi)存中的。
在package.json的scripts屬性的dev后面加上--port 8090可以指定監(jiān)測(cè)端口為8090。
通過(guò)官方下載下來(lái)的,運(yùn)行npm run dev沒(méi)問(wèn)題,但運(yùn)行npm run bulid卻發(fā)生問(wèn)題了。將index.html引用的js文件地址改成相對(duì)路徑后好了,
但無(wú)法顯示圖片。沒(méi)辦法,自己搭了個(gè)express服務(wù)器找問(wèn)題,最后搞清楚了。在npm run dev的時(shí)候,通過(guò)vue-devtools可以看到,圖片地址
內(nèi)存里運(yùn)行的圖片引用地址也是絕對(duì)路徑,因此本地運(yùn)行index.htm肯定路徑有問(wèn)題。放到服務(wù)器里后,圖片的地址
是服務(wù)器靜態(tài)資源根目錄下的dist文件夾里的png圖片。
總結(jié),生成的dist是個(gè)靜態(tài)文件夾,要放在服務(wù)器根目錄里。
這個(gè)地方要小心。
轉(zhuǎn)載于:https://www.cnblogs.com/zhansu/p/6288865.html
總結(jié)
以上是生活随笔為你收集整理的vue-cli 官方模板webpack-simple的npm run dev 与npm run bulid的一些问题的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 如何编译Apache Hadoop2.2
- 下一篇: html5倒计时秒杀怎么做,vue 设