Vite: vite-plugin-html的bugs和坑
因為工作要用Vite去生成一個mpa專案且根據頁面不同,動態生成不同 <title> 的HTML,所以就找了一個套件──vite-plugin-html,結果因為套件好像很久沒維護,隨著Vite升級又多了一些有的沒的bug,順手來記錄一下。
template delete
像我第一個就是遇到生成的時候template HTML也會被刪掉,後來看到issue上也有人反映,還好有好心人士解決這個問題,
我的 template 檔案路徑原本是寫成:
path.resolve(..., "index.html")
好心人說要改成相對路徑的寫法:
"./index.html"
真的就不會刪除template了@@
mpa架構下的巢狀結構template生成巢狀file
原本官方的template範例是允許 /public/index.html ,結果生成之後變成:
|- dist
| |- public
| | |- index.html
| | |- others.html
所以現在只能把template先放在根目錄底下避免巢狀結構的template...
mpa架構不支援相同template生成不同file
這題的解法目前就是只能根據要生成的檔案名稱給它一個同名的template。
不過目前看起來更大的問題是依賴的ejs套件有資安風險,短期內可能有需要找替代方案。
References