Vite: 引用svg檔案為React Component—使用vite-plugin-svgr v4
最近要更新專案的套件,發現svg引入方式跟以前稍微有點不同,所以記錄一下。
svg檔案如果是以 <img />的方式引入檔案就無法改變svg的屬性,譬如path等。那如果想要可以彈性一點,希望svg檔案能隨專案的色系變化,就要改以React component的方式引入。
要以component方式引入,首先安裝 vite-plugin-svgr 套件,如果版本是v4.0.0以後的要在vite.
urlun0404.hashnode.dev1 min read