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

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

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

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

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

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

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

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