# 前端工程化

# 工程化手段

# 开发阶段

脚手架：快速创建前端应用的项目结构并生成模板代码。
公共库：维护可复用的 UI 组件库或工具模板等公共资源。
包管理器：方便引入第三方库/组件。
构建工具：进行语法校验、编译等工作，兼容最新语法，提升开发效率。
调试工具：本地服务器、热更新等，便于调试。

# 测试阶段

测试框架：提供针对单元测试、快照等自动化测试支持。
静态扫描工具：可以进行开发规约/最佳实践或者代码质量等方面的静态检查。
性能测试工具：监控并统计性能数据

# 构建阶段

编译：CSS 预编译、ES6+ 新语法的降级、框架（Vue、React、Angular等）的编译。
优化策略：代码压缩混淆、按需加载。
部署策略：Hash 指纹、CDN 配置。

# 部署阶段

部署环节，需要做的就是如何自动化地执行整个过程

# 监控阶段

埋点平台：统计、分析业务数据，跟踪性能指标。
监控平台：观察线上的异常信息，包括接口请求成功率、报错、白屏、流量异常等。