如何从 0 到 1 开发 RN APP 构建平台

PC/H5 基本打包配置流程

  1. 选择分支 => 拉取 gitlab 代码 => 安装依赖 => 切换环境
  2. webpack 打包 => 静态资源上传 OSS => SSH 部署到指定服务器
  3. 打包产物 => 展示二维码 => 消息推送

小程序打包

  1. 检查项目配置 => 执行打包脚本 => 上传代码至小程序后台

构建核心步骤
构建入参 => 调用构建 shell 脚本 => 打包产物操作

如何打造支撑百万级构建量的构建系统

构建指的是?
构建过程、构建工具和生态、构建工具集成、构建服务环境

构建上云,云构建的好处
环境纯净、构建逻辑标准化、产物溯源、立足前端生态、满足不同需求、支持本地&云研发

如何从 0 到 1 打造团队 PC/H5 构建工具

项目流程:编码 => 构建 => 集成 => 测试 => 交付 => 部署
CI/CD 工具:集成【Jenkins】、交付&部署【Docker&Rancher】
CI/CD 前端
2.jpg

Git Hook 检查

  1. 本地代码检查:pre-commit/husky、规范检查 eslint、单元测试 jest/mocha
  2. 服务端检查:commit-msg、复用率检查、安全扫描、自动化测试

如何做构建

  1. 所需运⾏环境(物理机/虚拟机/容器)
  2. 代码管理平台(触发各类代码变更 hooks)
  3. 一般流程:code => 提交 commit =hook=> 代码库 => 构建环境

如何从 0 到 1 搭建前端全链路构建系统

工程标准化:项目结构统一、编码风格统一、构建配置收敛、差异化透明配置
命令行工具
4.jpg

结构流程

  1. 规范:编码、测试、工程、数据
  2. 基础:Webpack、Babel、Node、Npm
  3. 能力:创建、开发、打包、发布、插件
  4. 工具:CLI、GUI
  5. 框架/平台:Vue、React、PC

创建任务:镜像检测、防重限制
代码检查:ESLint 检查、Npm 依赖检查、性能检查、其他安全性检查(Domain、Http link)
依赖注入

  1. 工程静态资源:错误监控、数据埋点
  2. 业务静态资源:用户身份验证、吊顶吊底
  3. 全局变量:环境变量、业务标识、其他配置

如何更快构建部署前后端一体化应用

如何实现移动跨端构建的全链路服务

构建系统的能力:多样性、接入成本低、可定制、高可用

如何借助数据对构建系统上中下游提效

如何打造统一工程构建基座 build-scripts

书单 《人类起源的故事》 《富爸爸穷爸爸》