nihaio25的博客

一个使用 react+vite4+ts+react-router-dom6v Hooks Admin搭建的轻量级后台管理模板。

在日常开发中，肯定会积累许许多多的业务组件在项目内，部分可以作为公共组件被抽离到公共组件库，但大部分或许与业务强相关，或许带有接口请求，并不适合抽离为公共组件，但仍需要有一个地方去展示这些组件的效果和用法，dumi 除了单独作为组件库文档外，也是支持和项目集成，展示项目内的业务组件的。

工作中难免很多的重复的业务，或者场景react hooks 无法满足的，那我们可以封装成自己的react hooks 库,学习中遇到的也可以进行一个封装，日积月累，就会多起来了嘛。

wsksvg它不仅能过，实现对svg的优化，包括png,jpg图片的优化，还能够自动将SVG文件转换为格式化的无状态React组件或Vue组件，支持单文件处理，也支持批量处理，只需要一个安装和一条指令，大大提高开发效率，增加底层打工人的摸鱼的时间。

在不断发展的前端技术中，图像的优化和处理始终是提升应用性能的关键。wsksvg插件的最新版本在之前的基础上进行了重大升级，现支持多进程处理文件以及将 SVG 图像转化为多种其他格式的图片。这一功能的引入不仅提升了处理效率，还大幅度增强了插件的灵活性和适用性。wsksvg是一款旨在简化图像优化和处理的工具。新版本实现了多进程文件处理，使得大批量图像处理时的性能得到显著提升。此外，用户现在可以轻松将 SVG 图像转换为 PNG、JPG、JPEG、WEBP 和 GIF 等格式。无论是开发者还是设计师，

这个爱情故事好像是个悲剧，你说的是婚姻。爱情没有悲剧，对爱者而言，爱情怎么会是悲剧呢。对春天而言，秋天是它的悲剧吗。结尾是什么，等待，之后呢，没有之后。或者说，等待的结果呢？等待就是结果。那，不是悲剧吗？不，是秋天。一入秋，领导就让我开发一款设备通话功能，同时也引发了我对于功能产品化的思考。领导让我开发个设备通话功能，借助的是第三方插件通话，我说弄好了，等联调就好了，他说没你想的那么简单，要把它进行产品化。当他说，这玩意要收钱的时候，我都愣住了，不就一个通话功能嘛，这玩意还要收钱？然后转念一想，企业搞这玩意

在使用阿里图标库中，我灵感来了，那我也可以靠它快速的实现一个图标组件库。有多快，一天不到就开发完成，你只需要，准备好你的svg图标。安装wsksvg工具，然后自动化转成组件，我特地做了集成，专门把生成的组件，自动导入一个index.ts文件中，这样你直接配置打包，找个打包工具打包工具不就可以了嘛？