Netlify是一個部署前端網頁的好選擇,光是免費方案就有100GB可以使用,一個帳號可以部署多個網站,在全球多處都有伺服器可以加速。但使用React Router DOM的Browser Router產生的虛擬路徑不是真的存在於Netlify上,讓Netlify無法處理。本文教學讓Browser Router順利運作的設定方式。
在Netlify部署React的Browser Router,不要出現#井字Hash的方式,其他單頁式網頁也適用
在Parcel打包時自動複製靜態檔案(public、static、assets等)V1、V2適用
在開發前端網頁時,使用Parcel代替Webpack進行打包工作會很方便,能減少非常多需要設定的地方。但是Parcel打包時是自動掃描index.html內被引用的檔案,程式內沒有使用import指令的靜態檔案會被Parcel忽略,這時候需要一些Parcel的外掛來幫忙,每次打包都能自動化複製!