前端工程化

面向真实项目的前端工程实践文档。

从项目初始化、编码规范、构建打包、质量保障到自动化发布,系统梳理前端团队如何把代码稳定、高效、可持续地交付到生产环境。

doc-fe-engdoc-fe-eng
🧭

工程规范

建立统一的目录结构、命名约定、代码风格、提交规范与分支流程,让团队协作有清晰边界。

🧱

构建体系

理解 Vite、Webpack、Rspack 等构建工具的职责,掌握开发服务、模块解析、打包优化与环境配置。

质量保障

通过 TypeScript、ESLint、Biome、单元测试、组件测试与端到端测试,在交付前尽早发现问题。

🚀

自动化流程

使用 Git Hooks、CI/CD、版本管理与发布流水线,把检查、构建、部署沉淀为可重复执行的流程。

性能优化

围绕产物体积、缓存策略、首屏加载、代码分割与运行时性能,建立可度量、可持续的优化方法。

🧩

架构演进

关注 Monorepo、组件库、微前端、设计系统与工程治理,支撑中大型前端项目长期维护。