vue項目打包

一、終端運行命令 npm run build

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

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

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

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

五、溫馨提示

更多博文，請關注：xssy5431【小拾歲月】

掃碼：

總結

以上是生活随笔為你收集整理的vue项目打包步骤(什么是vue)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。