中软国际（驻场中控科技） · 2024
数字化 SAAS 产品体系
集成小工单、ESOP 工装管理、云称重、OEE 设备统计、质量追溯的全流程生产 SAAS 系统，适配 PC / 移动 / Pad 多终端，支撑多条生产线日常作业管理。
React
Webpack
Ant Design
Echarts
多终端
SAAS
13%
打包体积缩减
30%
加载速度提升
20%
稳定性提升
多端
PC/移动/Pad
01
项目概述
该 SAAS 体系面向工业生产全流程，整合小工单、ESOP 工装夹具管理、云称重管理、OEE 设备驾驶舱、质量追溯等模块，是一套覆盖多业务域的生产管理平台。系统适配 PC / 移动 / Pad 多终端，并通过国际化方案支撑海外产线使用，强调数据实时播报与设备状态统计。
02
技术栈
React
Webpack
Ant Design
Echarts
TypeScript
路由懒加载
国际化方案
03
我的职责与核心成果
🔧
全终端开发
负责全终端页面开发与接口联调，实现生产数据实时播报、设备状态统计、质量追溯等核心功能。
🚀
性能优化
通过路由懒加载、图片懒加载、防抖节流等优化，提升页面流畅度。
📦
打包优化
优化 Webpack 打包配置，代码分割 + 资源压缩 + 缓存优化，缩减打包体积 13%。
🌍
国际化亮点
借助 AI 工具（豆包）生成翻译文档、打包压缩减少时间，提效国际化交付。
04
技术攻坚 · 真实踩坑
这些是从 0 到 1 落地过程中真实遇到的核心难题，也是最能体现工程能力的部分。
构建
打包体积过大
多模块 SAAS 打包后体积大、首屏慢。
解决方案：代码分割（分包）+ 资源压缩 + 长效缓存，打包体积减少 13%，加载提速 30%。
体验
多端一致性
PC / 移动 / Pad 三端交互与适配差异大。
解决方案：建立统一响应式布局与组件规范，路由懒加载降低首屏负担，保证多端流畅一致。
提效
国际化交付慢
多语言文档与翻译耗时。
解决方案：借助 AI 工具批量生成翻译文档并压缩处理，显著缩短国际化准备时间。
05
项目成果
- 负责全终端页面开发与接口联调，落地生产数据实时播报、设备状态统计、质量追溯等核心功能。
- 优化打包配置，缩减打包体积 13%、系统稳定性提升 20%，支撑多条生产线日常作业管理。
- 通过路由懒加载、图片懒加载、防抖节流等优化，页面流畅度明显提升。
- 借助 AI 工具提效国际化交付，体现用 AI 工具加速研发的工程习惯。
© 2026 酒歌 · 前端开发工程师 · 本页内容基于真实项目沉淀整理