码迷,mamicode.com
首页 > 其他好文 > 详细

前端工程化 - 前端技术栈构建

时间:2020-06-17 01:06:13      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:初始化   仓库   框架   http   yarn   代码质量   doc   tar   构建   

前端工程化

持续更新中...

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

  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

推荐:站长资讯中心

前端工程化 - 前端技术栈构建

标签:初始化   仓库   框架   http   yarn   代码质量   doc   tar   构建   

原文地址:https://www.cnblogs.com/1994july/p/13149985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!