随着用户对用户体验要求的不断提升，传统的前端编写方式已经无法满足前端的要求。
将工程方法系统化地应用到前端开发中，以系统、严谨、可量化的方式开发、运营、维护前端应用程序，目的是降本提效。
- 开发阶段：
- 脚手架
- 公共库
- 包管理器
- 构建工具
- 调试工具
- 测试阶段：
- 测试框架
- 静态扫描工具
- 性能测试工具
- 构建阶段
- 编译器
- 优化策略
- 部署策略
- 部署阶段：
- 持续构建
- 验证测试
- 监控阶段
- 埋点平台
- 监控平台
AST
- AST
- Babel
- @babel/parser
- @babel/traverse
- @babel/generator
什么是 AST 语法树 抽象语法树的应用 Babel 的抽象语法树实战
模块化
- CommonJS
- AMD
- CMD
- ESM
Jest
- Mock 测试
- 快照
Webpack
核心概念
- entry
- output
- loader
- plugin
Rollup
rollup 是一款小巧的 JavaScript 模块打包工具，更适合于库应用的构建工具。可以将小块代码编译成大块的代码，基于 ES Modules。