公司级前端组件库与基建项目

新闻媒体 其他 案例ID:244384
@
3 年经验· 广西南宁和悦责任有限公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

为解决多业务线 UI 风格不统一及重复开发问题,主导搭建了公司内部 UI 组件库。技术选型基于 Vue 3 + Vite + Rollup,采用 CSS-in-JS 方案实现样式隔离与动态主题切换,严格遵循 Semver 规范并通过 Changesets 自动化管理版本发布及日志生成。工程化突破层面,将存量 Webpack 4 项目平滑迁移至 Vite + ESBuild 开发环境,通过编写自定义 Vite 插件解决 Legacy 浏览器兼容问题,项目启动时间从 3 分钟锐减至 8 秒;同时封装团队专属脚手架,集成 ESLint + Prettier + Husky + Commitlint 全链路代码规范,新项目初始化效率提升 90%。质量保障方面,引入 Storybook 进行组件独立可视化开发,单测覆盖率维持在 95% 以上,目前已被公司 8 个核心业务系统接入使用。

公司级前端组件库与基建项目

新闻媒体 · 其他 案例ID:244384
联系该工程师
微信扫码,建群沟通
作者: @ - 3年经验- 广西南宁和悦责任有限公司

案例介绍

为解决多业务线 UI 风格不统一及重复开发问题,主导搭建了公司内部 UI 组件库。技术选型基于 Vue 3 + Vite + Rollup,采用 CSS-in-JS 方案实现样式隔离与动态主题切换,严格遵循 Semver 规范并通过 Changesets 自动化管理版本发布及日志生成。工程化突破层面,将存量 Webpack 4 项目平滑迁移至 Vite + ESBuild 开发环境,通过编写自定义 Vite 插件解决 Legacy 浏览器兼容问题,项目启动时间从 3 分钟锐减至 8 秒;同时封装团队专属脚手架,集成 ESLint + Prettier + Husky + Commitlint 全链路代码规范,新项目初始化效率提升 90%。质量保障方面,引入 Storybook 进行组件独立可视化开发,单测覆盖率维持在 95% 以上,目前已被公司 8 个核心业务系统接入使用。

相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×