资料内容:
前端工程化是指将前端开发中的项目管理、构建、测试、部署等环节进行 规范化和自动化的一种开发方式。
二、特点 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 拆分为可复用的独立组件,每个组件包含模板、逻辑和样 式。