京东前端工业化实践之路.pdfVIP

京东前端⼯业化实践之路 刘威 2014-10 关于我 • 刘威 （@putaoshu ：微博，微信，github） • 现就职于京东⽤户体验部（JDC），负责前端架构组 • 曾⼯作于百度-百科、新浪-云计算 ⼀、业务 业务 • ⽀持的业务线众多 2道130+ 0购 • 电商：交付速度要快 31 商品1 … … • ⼈⼒资源往往有限 ,的京东 商+后台 20+ 100+ POP 20+ 业务 • 业务要求我们 • 项⺫代码可复⽤，易扩展 • 开发流程要统⼀化，标准化，⼯业化 ⼯业化 “⼯业化特点：机器化⼤⽣产的⽣产⽅式越来越⼲ 泛使⽤，取代⼿⼯⽣产⽅式” 百度百科 /view/143403.htm ⼯业化 前端框架 前端规范 组件demo 开发流程 模块云 命令⾏⼯具 …… 组件api 任务系统 ⼆、前端开发流程 ⼯具 • JDF • nodejs命令⾏⼯具 • 涉及到开发流程为构建、编 译、输出、联调、上线、辅 助等开发流程，以及模块的 预览，安装，下载，发布 构建 • ⽣成标准化的项⺫⺫录⽂件夹 模块 • 定义 • ⺫录结构 • 引⽤ 模块 • 配置⽂件 • js • scss • vm • Component规范 • 数据源 模块 • 配置⽂件 • js • scss • vm • 数据源 • CMD规范 • 依赖使⽤相对路径，开发路径和发布路径分离 模块 • 配置⽂件 • js • scss • vm • 数据源 • Scss语法 • 依赖和图⽚，使⽤