前端工程化

持续更新中...

打造理想的前端技术栈工具链

1. 仓库初始化：git + lerna - yarn workspces + npm仓库
2. 初始化：通过Web框架/脚手架创建项目
3. 代码质量检测：pre-commit 时进行检测
4. 触发 CI ，运行单元测试和e2e测试
5. （可选）打包Docker镜像
6. （可选）发布Docker到服务器
7. （可选）服务器部署Docker到K8s

源码管理

• Git
• GitLab

项目初始化

• Npm, Yarn, Lerna

包管理

• 官方仓库 npmjs.com
• 私有仓库

语言

• TypeScript
• ts-node

类库模块打包

• rollup
• father-build

Web模块打包

• webpack
• umi

Web框架/脚手架

• UmiJS
• Create React App
• ...

代码质量检测

• eslint
• lint-staged
• husky

测试框架

• jest（可测试类库，函数等）
• enzyme（组件测试）
• sinon（模拟库）
• puppeteer（e2e测试）

CI/CD

• GitLab
• Jenkins
• Docker
• K8s

推荐：站长资讯中心