當你的storybook組件庫要統一把svg圖標轉為js組件【使用svgr最簡單的實現】


先把圖標同意放置在文件夾中,以icons為例

安裝
svgr/cli:
yarn add @svgr/cli --dev

如果報錯,就先裝svgr/webpack:
yarn add @svgr/webpack --dev

然后跑:
# Usage: npx @svgr/cli [-d out-dir] [src-dir] $ npx @svgr/cli -d icons icons

成功:

會看到目錄下:

 

 組件內容為:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM