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必須使用絕對路徑。将圖檔路徑修改為絕對路徑,至此,打包完成。
五、溫馨提示
更多博文,
掃碼: