我們用vue-cli(腳手架)自動生成項目坎匿,然后用webpack來打包京办,往往會遇到這種問題:
1捡鱼、直接根據(jù)README.md里面的npm run build打包
2拐叉、打包后的文件在dist目錄里面
3、往往這個時候我們都會想到在本地用服務(wù)器打開來看看代碼是否正常顯示看看打包有么什么問題萄焦,例如路徑是這樣的http://127.0.0.1:5500/dist/index.html;然后頁面打開是空白的控轿,打開控制臺查看發(fā)現(xiàn)代碼報錯404;或者是文件類型不對的報錯例如:
4拂封、仔細看下報錯其實發(fā)現(xiàn)是是路徑問題
5茬射、那么這里打包配置需要修改了;
在assetsPublicPath:"/"的反斜杠前面加一個點冒签;然后在打包在抛,代碼就不會報錯了;
6萧恕、這里這樣打包的文件就有一個問題了刚梭,如果代碼是放在服務(wù)器上的話比如我放在http://www.cmihee.wang/域名下的話它又會報錯和第3步一樣肠阱,還是打包引用的文件路徑不對;這個時候我們就要assetsPublicPath:"./"里面的點去掉朴读,然后打包丟在服務(wù)器上
以上就是打包需要注意的地方