打包遇到的問題
①運行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