专题演讲嘉宾:陈俊生

京东 零售平台业务中心 高级前端工程师

凹凸实验室成员,2018 年加入京东。目前主要负责羚珑智能设计平台的技术架构开发。曾经主导过京东设计资产平台以及京东 D2C 产品 DECO 编辑器技术架构设计与开发。专注于前端技术架构 / 工程化 / Node.js 服务领域,具有较为丰富的实战经验与较好的技术视野。

by 陈俊生

京东
零售平台业务中心 高级前端工程师

结合目跨团队之间协作,进行研发资源共享的痛点,介绍基于 webpack module federation 的前端组件化共享方案,打造一个前端组件共享工作流,最后实现前端组件资源共享以及中心化管理。

演讲提纲:
1. 业务背景

  • 组件化现状以及团队资源共享协作方式
  • 统一的设计系统

2. 组件共享方案

  • CV 大法
  • NPM 包共享
  • CDN + webpack externals
  • webpack module federation

3. Module Federation

  • MF 设计目标
  • MF 使用方式
  • MF 基本原理
  • MF 优势以及解决了什么问题(对比 NPM)
  • 创建基于 MF 的组件化工作流

4. 基于 MF 的组件共享工作流

  • 搭建中心化组件管理平台
  • 本地开发工作流(编译、上传、声明文件)
  • 组件预览以及检索使用
  • 线上资源管理以及发布控制
  • 工作流线上实践

5. 总结与展望

  • 组件共享工作流带来的收益
  • 问题与方向

你将获得:

  • 认识和了解 webpack 5 新特性 Module Federation 
  • 如何基于 Module Federation 打造一套组件共享工作流
     

交通指南

广州万富希尔顿酒店

Hilton Guangzhou Baiyun
地址:广州市白云区云城东路515-517号
  • 微信咨询

  • 电话咨询

    联系电话:+86 15600537884

微信联系我们

票务经理