前端工程化 - 前端技术栈构建
Posted 1994july
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端工程化 - 前端技术栈构建相关的知识，希望对你有一定的参考价值。
前端工程化
持续更新中...
打造理想的前端技术栈工具链
- 仓库初始化：git + lerna - yarn workspces + npm仓库
- 初始化：通过Web框架/脚手架创建项目
- 代码质量检测：pre-commit 时进行检测
- 触发 CI ，运行单元测试和e2e测试
- （可选）打包Docker镜像
- （可选）发布Docker到服务器
- （可选）服务器部署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
推荐：站长资讯中心
以上是关于前端工程化 - 前端技术栈构建的主要内容，如果未能解决你的问题，请参考以下文章