Skip to main content

Command Palette

Search for a command to run...

Vite: vite-plugin-html的bugs和坑

Updated
1 min read

因為工作要用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

4 views

More from this blog

Lun's Blog

82 posts

Notes for web development