如何从 0 到 1 开发 RN APP 构建平台
PC/H5 基本打包配置流程
- 选择分支 => 拉取 gitlab 代码 => 安装依赖 => 切换环境
- webpack 打包 => 静态资源上传 OSS => SSH 部署到指定服务器
- 打包产物 => 展示二维码 => 消息推送
小程序打包
- 检查项目配置 => 执行打包脚本 => 上传代码至小程序后台
构建核心步骤
构建入参 => 调用构建 shell 脚本 => 打包产物操作
如何打造支撑百万级构建量的构建系统
构建指的是?
构建过程、构建工具和生态、构建工具集成、构建服务环境
构建上云,云构建的好处
环境纯净、构建逻辑标准化、产物溯源、立足前端生态、满足不同需求、支持本地&云研发
如何从 0 到 1 打造团队 PC/H5 构建工具
项目流程:编码 => 构建 => 集成 => 测试 => 交付 => 部署
CI/CD 工具:集成【Jenkins】、交付&部署【Docker&Rancher】
CI/CD 前端
Git Hook 检查
- 本地代码检查:pre-commit/husky、规范检查 eslint、单元测试 jest/mocha
- 服务端检查:commit-msg、复用率检查、安全扫描、自动化测试
如何做构建
- 所需运⾏环境(物理机/虚拟机/容器)
- 代码管理平台(触发各类代码变更 hooks)
- 一般流程:code => 提交 commit =hook=> 代码库 => 构建环境
如何从 0 到 1 搭建前端全链路构建系统
工程标准化:项目结构统一、编码风格统一、构建配置收敛、差异化透明配置
命令行工具
结构流程
- 规范:编码、测试、工程、数据
- 基础:Webpack、Babel、Node、Npm
- 能力:创建、开发、打包、发布、插件
- 工具:CLI、GUI
- 框架/平台:Vue、React、PC
创建任务:镜像检测、防重限制
代码检查:ESLint 检查、Npm 依赖检查、性能检查、其他安全性检查(Domain、Http link)
依赖注入
- 工程静态资源:错误监控、数据埋点
- 业务静态资源:用户身份验证、吊顶吊底
- 全局变量:环境变量、业务标识、其他配置
如何更快构建部署前后端一体化应用
略
如何实现移动跨端构建的全链路服务
构建系统的能力:多样性、接入成本低、可定制、高可用
如何借助数据对构建系统上中下游提效
略
如何打造统一工程构建基座 build-scripts
略
书单 《人类起源的故事》 《富爸爸穷爸爸》