前端工程化

CICD 持续集成

前端部署

本地工程化建设

• 单元测试：

  • e2e 常见的工程化框架（本质都是基于puppteer进行封装）：Cypress、playwright

  • jest

• 编码风格

  • 代码提交时校验:git hooksy+ lintstaged css BEM规范 stylelint

  • eslint webpack plugin 打包时候强制校验

  • vscode

• ts Conifig

  • ts config常见配置： https://juejin.cn/post/6911547609995804685

• 构建工具

  • webpack

  • tsc

  • esbuild

  • rspack

  • vite 本地开发时候用的是esbuild 线上用的roll up 利用浏览支持的esmodule属性 去完成增量构建。

• mock工具 代码仓库mock.js 或者使用yapi 这种工具

• ts接口类型工具

• 包版本管理工具

• 目录组织形式 monorepo or 单页面应用 在这种monorepo仓库下我们也可以去实现一些cli去完成自动创建基础应用新项目这