這篇文章將為大家詳細(xì)講解有關(guān)怎么對(duì)vue項(xiàng)目進(jìn)行打包，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

成都創(chuàng)新互聯(lián)公司長(zhǎng)期為上千余家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為廣饒企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站制作，廣饒網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

終端運(yùn)行命令 npm run build

打包成功的標(biāo)志與項(xiàng)目的改變，如下圖：

 點(diǎn)擊index.html，通過瀏覽器運(yùn)行，出現(xiàn)以下報(bào)錯(cuò)，如圖：

那么應(yīng)該如何修改呢？

具體步驟如下：

1. 1、查看package.js文件的scripts命令

2. 2、打開webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl點(diǎn)擊，跳轉(zhuǎn)到index.js文件

3. 3、其中dev是開發(fā)環(huán)境，build是構(gòu)建版本，找到build下面的assetsPublicPath: '/',然后修改為assetsPublicPath: './',即“/”前加點(diǎn)。

4. 4、終端運(yùn)行 npm run build 即可。

此時(shí)點(diǎn)擊index.html，通過瀏覽器運(yùn)行便，會(huì)發(fā)現(xiàn)動(dòng)態(tài)綁定的static的圖片找不到，故static必須使用絕對(duì)路徑。將圖片路徑修改為絕對(duì)路徑，至此，打包完成。

關(guān)于怎么對(duì)vue項(xiàng)目進(jìn)行打包就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。