終端運行命令 npm run build

打包成功的標志與項目的改變，如下圖：

 點擊index.html，通過瀏覽器運行，出現以下報錯，如圖：

那么應該如何修改呢？

具體步驟如下：

1. 1、查看package.js文件的scripts命令
2. 2、打開webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl點擊，跳轉到index.js文件
3. 3、其中dev是開發環境，build是構建版本，找到build下面的assetsPublicPath: '/',然后修改為assetsPublicPath: './',即“/”前加點。
4. 4、終端運行 npm run build 即可。

此時點擊index.html，通過瀏覽器運行便，會發現動態綁定的static的圖片找不到，故static必須使用絕對路徑。將圖片路徑修改為絕對路徑，至此，打包完成。

以上所述是小編給大家介紹的vue項目打包步驟詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！