vuejs項(xiàng)目打包的方法：1、打開(kāi)config目錄下的“index.js”文件，修改build下的assetsPublicPath和productionSourceMap選項(xiàng)；2、打開(kāi)cmd窗口，執(zhí)行“npm run build”命令即可。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

vuejs項(xiàng)目打包的步驟：

首先需要修改一下配置文件再打包，很多人都是遇到過(guò)打包后運(yùn)行一片空白等等問(wèn)題，這些問(wèn)題主要就是路徑的問(wèn)題，所以需要修改config下面的index.js這個(gè)配置文件里選項(xiàng)：

上圖中第一個(gè)要修改的就是靜態(tài)文件的路徑，打包后靜態(tài)文件就在當(dāng)前目錄下，所以修改為./；第二個(gè)是環(huán)境設(shè)置為生產(chǎn)環(huán)境

修改好后打開(kāi)cmd運(yùn)行下面的命令打包即可：

注意下面的tip，告訴你這個(gè)打包后的文件需要放到服務(wù)器才能打開(kāi)，不能直接使用瀏覽器打開(kāi)，打包后的文件結(jié)構(gòu)如下：

這時(shí)我們需要使用服務(wù)器的方式來(lái)訪問(wèn)index.html就可以了。這里可能很多人也會(huì)遇到一些問(wèn)題，比如大家可能在開(kāi)發(fā)的時(shí)候使用的proxytable來(lái)解決跨域的問(wèn)題，這里就會(huì)沒(méi)有數(shù)據(jù)了，這個(gè)需要自己通過(guò)服務(wù)器在解決一下才可以的，proxytable在這里只是為了方便大家開(kāi)發(fā)的跨域解決方案。