之前生成iconfont字體圖標，是用的https://icomoon.io/app/或者是...://www.iconfont.cn/，將UI給的svg圖導入來生成。但是一直有個問題，假如需要再次加入幾個圖標時，又需要重新搞一遍，很麻煩。
而使用svg-sprite-loader的方式，也不是很方便，而且在body下插入一個超大的svg標籤，影響性能不說，看着這麼亂的代碼真是挺難受。。而且有些UI庫比使用字體圖標會比較便利。另外字體文件特別是woff也比svg要小很多。
於是最近抽時間參考開源代碼搞了個webpack插件，自動用svg生成iconfont字體圖標，支持熱更新。
使用這個插件後，開發時在src/iconfont/svgs目錄下，修改或添加、刪除svg文件時，就可以自動生成字體圖標（支持ttf,woff2,woff,eot,svg）及配套從css樣式、html預覽了；同時熱更新立即可以看到效果。
Byebye了我滴icomoon們！
源碼在這：https://github.com/hzsrc/webp...
感興趣的小夥伴可以試試~
下載源碼安裝後直接跑npm run dev就可看效果了