内部技术分享：前端工程化与组件复用

2013 年，尚易网络同时推进的前端项目增多，团队发现大量时间花在重复劳动上：导航、页脚、产品卡片在每个项目里都要重写一遍。

分享讲了什么

这次内部技术分享的主题是组件复用。主讲人把过去一年做过的项目做了统计：导航与页脚在十一个项目里结构基本一致，产品卡片有七种常见形态。把这些抽成可复用的组件后，新项目搭建骨架的时间从两天缩短到半天。

落地时遇到的阻力

最开始的问题是组件太死板，客户要求一点改动就得改组件本身，反而更麻烦。团队后来定了一条原则：组件只固定结构与交互，颜色、间距、圆角这些样式变量留给项目层配置。

配套的规矩

为了避免组件散落在各人电脑里，团队建立了统一的组件目录，每个组件都附一段使用说明和示例。新增组件要经过一次简短的评审，说明它能覆盖哪些场景。

效果

下半年启动的三个项目，前端基础开发时间平均缩短了约三分之一。更重要的是，新人上手时不必从零理解页面结构，直接看组件说明就能干活。