打包後遇到的問題彙總

打包遇到的問題

①運行npm run build報錯

原因:沒有安裝generate-asset-webpack-plugin(在配置多頁時用到了)

解決方式:安裝

npm install generate-asset-webpack-plugin --save-dev

②打包之後icon圖標及圖片丟失

原因:打包後圖片路徑不對

解決方式build---utils.js文件中找到後添加紅框內容

③打包之後css樣式沒了

原因:引入路徑不對(找了很多辦法都不行,最後發現只是沒有引入進來)。直接打開dist文件夾裏的.html文件,谷歌瀏覽器鼠標右鍵查看網頁源代碼,如下圖所示

自己引入的 .css文件和生成的 .js文件都在static文件夾下,路徑卻不一樣。可是我並沒有寫錯我的路徑。

後來瞭解到,相對路徑是可以配置的。還沒太搞懂

config---index.js

build---utils.js

發佈了64 篇原創文章 · 獲贊 9 · 訪問量 7040
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章