前端工程化是指通过工具、流程和规范，将前端开发从手工化、碎片化的模式转变为系统化、自动化和标准化的生产过程。其核心目标是 提升开发效率、保障代码质量、增强项目可维护性，并适应现代复杂 Web 应用的需求。

---

一、前端工程化的核心内容

1. 模块化开发

• 代码模块化：使用 ES Modules、CommonJS 等规范拆分代码。
• 组件化：基于 React/Vue 等框架实现 UI 和逻辑的复用。
• 示例：

  // ES Modules 模块化
  import { fetchData } from './api';