Coded in 2022.04;
从0到1,独立完成;
产品设计->UI设计->开发。
- psd文件解析,生成html和css;
- 项目构建,及其模板配置(预设有vue、react、微信小程序);
- 图片压缩(tinypng破解),本地图片预处理等;
- electron
- vue3
- nodejs
- psdjs(psd解析插件)
- jimp(图片处理插件)
- tinypng(破解频率限制)
- pinia(额外写了一个持久化的插件)
- lodash
- iconfont(字体图标)
- vite
以下已勾选的则是已完成内容
- 文件体积
- 宽高读取
- 图层数统计
- 图层导出png图片
- 页面/组件名称配置
- 输出目录配置
- 集成tiny压缩
- html生成
- css生成
- 类型控制:页面、组件
- 构建配置:css单位
- 构建配置:容器标签
- 构建配置:图片标签
- 构建配置:类属性名及css选择器
- 构建配置:路由生成配置
- 构建配置:页面路径、组件路径、图片路径
- 构建配置:页面/组件文件配置,及模板内容
- 构建预设:vue
- 构建预设:react
- 构建预设:微信小程序
- 自定义构建预设
- 配置持久化
- 单个文件的构建和压缩loading
- 构建结果报告(用时、构建产物体积等)
- 可控替换原图
- 图片信息:体积、名称、路径、宽高
- 本地预处理:最大宽度
- 本地预处理:最大高度
- 本地预处理:图片质量
- Tinypng频率限制破解
- Tiny配置:最小体积
- Tiny配置:最大体积
- 压缩结果,压缩比例
- 配置持久化
- 压缩结果报告(用时、缩小体积等)
- 添加文件
- 清空列表
- 单个移除
- 拖拽上传
- 文件夹读取
- button
- checkbox
- input
- message
- modal
- notice
- poptip
- slide
构建结果-图片资源(这些图片资源都是经过tinypng压缩的)
