更换图标解决方案

[Yixuan-Wang]

更换图标解决方案

[Yixuan-Wang]

[Yixuan-Wang]

找到一个库 styled-icons，也许可以做 icomoon 的 tree-shaking

但它有一个 CSS in JS 的依赖……目前看来没有必要加这样一个负担……

[AllanChain]

据我所知，mdi 要减少 bundle size 要用 JS SVG 的方法，先 import 再用。会比较麻烦。

ps：我之前对 Vuetify 项目试过用 JS SVG 方法收效甚微，不知道是什么原因，已被打击信心 orz

pps: mdi 是个好东西

[Yixuan-Wang]

据我所知，mdi 要减少 bundle size 要用 JS SVG 的方法，先 import 再用。会比较麻烦。

现在的解决方案其实比 import 还麻烦，要到网上重新打包字体……现在只用了 24 个图标，转换成 import 工作量还不大……之后每次使用也只是添加一个 import，而不用打包新的字体文件……

ps: 大爱 mdi，不过还是谷歌原本 Material Design 图标最好，尤其是最初的计划案，由 mdi 社区新增的部分有设计不协调的。

[AllanChain]

mdi-bookmark-multiple mdi-plus-thick

[Yixuan-Wang]

试图在 mdi 里找到和原来样式一致的，结果特别不协调😭

bookmark-multiple 的尺寸感觉特别不搭调……

[Yixuan-Wang]

svg 渲染效果堪忧（看来我是忘了我搭博客的时候遇到的灾难了😭）目前看起来还是乖乖地打包 icomoon 吧……

ps: 或者直接用其他图标字体……但那样文件就太大……