一、核心概念

1. 什么是前端构建与打包？
   • 构建（Build）：指将源代码经过转换、优化、合并等一系列处理，生成可运行代码的过程，包括语法转换（如 ES6→ES5）、资源处理（图片压缩、字体转换）、代码分割等。
   • 打包（Packaging）：将多个分散的模块（如 JavaScript、CSS、图片等）整合为少量文件，减少浏览器请求次数，提升加载性能。
2. 为什么需要构建与打包工具？
   • 解决技术栈复杂性：处理 ES6+、TypeScript、JSX/TSX、SASS/Less 等现代技术栈的兼容性问题。
   • 优化性能：压缩代码、Tree Shaking（移除未使用代码）、代码分割（按需加载）、资源缓存等。
   • 提升开发效率：自动化流程（如热更新、自动编译）、模块化管理、多环境部署（开发 / 测试 / 生产）。