詳解vue項目打包步驟
來源：懂視網
責編：小采
時間：2020-11-27 21:59:28
詳解vue項目打包步驟
詳解vue項目打包步驟:終端運行命令 npm run build 打包成功的標志與項目的改變，如下圖： 點擊index.html，通過瀏覽器運行，出現以下報錯，如圖： 那么應該如何修改呢？ 具體步驟如下： 1、查看package.js文件的scripts命令 2、打開webpack.dev.conf.js
導讀詳解vue項目打包步驟:終端運行命令 npm run build 打包成功的標志與項目的改變，如下圖： 點擊index.html，通過瀏覽器運行，出現以下報錯，如圖： 那么應該如何修改呢？ 具體步驟如下： 1、查看package.js文件的scripts命令 2、打開webpack.dev.conf.js
終端運行命令 npm run build
打包成功的標志與項目的改變，如下圖：
點擊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必須使用絕對路徑。將圖片路徑修改為絕對路徑，至此，打包完成。
以上所述是小編給大家介紹的vue項目打包步驟詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
詳解vue項目打包步驟
詳解vue項目打包步驟:終端運行命令 npm run build 打包成功的標志與項目的改變，如下圖： 點擊index.html，通過瀏覽器運行，出現以下報錯，如圖： 那么應該如何修改呢？ 具體步驟如下： 1、查看package.js文件的scripts命令 2、打開webpack.dev.conf.js
