天天看點

vue項目打包步驟

vue項目打包

​一、終端運作指令 npm run build​

​二、打包成功的标志與項目的改變,如下圖:​

vue項目打包步驟
vue項目打包步驟

​3、點選index.html,通過浏覽器運作,出現以下報錯,如圖:​

vue項目打包步驟

​四、那麼應該如何修改呢?​

具體步驟如下:

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必須使用絕對路徑。将圖檔路徑修改為絕對路徑,至此,打包完成。

​五、溫馨提示​

​更多博文,​

​掃碼:​