前端工程化是指将前端开发中的项目管理、构建、测试、部署等环节进行 规范化和自动化的一种开发方式。

二、特点 1. 模块化

（1）定义：将代码拆分为独立的模块，通过导入/导出机制实现代码复用。示 例如下： // ES Modules (现代浏览器支持) // math.js export const add = (a, b) => a + b; export const subtract = (a, b) => a - b; // app.js import { add, subtract } from './math.js'; console.log(add(2, 3)); // 输出 5 （2）解决的问题： • 避免全局变量污染 • 代码依赖关系清晰（如通过 import/export） • 典型方案：CommonJS（Node.js）、ES Modules、AMD 2. 组件化 （1）定义： 将 UI 拆分为可复用的独立组件，每个组件包含模板、逻辑和样 式。