这是一个创建于 1016 天前的主题，其中的信息可能已经有所发展或是发生改变。
简单介绍下背景，我们项目组之前是做 WPF 开发的，现在有需求要把之前的项目做成一个简化版的前端版本。
其他技术方面调研和开展都还好，但是目前比较纠结于图标管理的方案。过去我们工作的流程是 UI 组的同事把图标做好放到蓝湖上，我们从蓝湖拿到 SVG 格式的图标，然后将其转换成 WPF 的 XAML 资源嵌入到程序集里。所以我们需要一个在尽量维持 UI 组工作方式不变的情况下找到一个适用于前端的方案。
目前我了解到的比较流行的方案就是 CSS Sprite 和图标字体。有哪些工具是比较适合制作这些资源的？我知道阿里有一个 iconfont 能把平台上的图标打包成字体，字节有一个 IconPark 还能导出成 Vue 组件（但是不清楚具体实现原理，而且貌似使用自己的图标只能上传到字节的服务器上？），但是可选的方案太多了，我们也缺乏经验判断不出哪个更好。
所以求助各位有经验的 V 友指导一下了
 |
1
noe132 2022-02-22 12:56:38 +08:00  2
如果有构建流程：
https://github.com/gregberge/svgr https://github.com/jpkleemans/vite-svg-loader https://github.com/visualfanatic/vue-svg-loader https://webpack.js.org/guides/asset-modules/ 如果没有： svg 放到 public ，然后直接写 <img src="..."></img> |
 |
2
gouflv 2022-02-22 13:04:15 +08:00 via iPhone
前端没有兼容问题就 svg ，可以直接引用，或者像 antd 那样的 UI 库，用组件抱包起来 统一维护
|
 |
3
murmur 2022-02-22 13:32:20 +08:00
webpack 可以把小的图片打成 base64 ，现在不需要那么纠结，宽带时代还在问雪碧图这些除了面试没什么意义
我们是以 iconfont 为主，无他，设计能力辣鸡，只能用现成资源 |
 |
4
Huelse 2022-02-22 13:45:15 +08:00
|
Select Language