11.2 构建工具 (Build Tools) JavaScript 构建工具详解:从实践到原理 1. 构建工具的作用 构建工具的主要作用包括: 模块打包 (Bundling): 将多个 JavaScript 模块合并成一个或多个文件,减少 HTTP 请求数量,并解决模块依赖关系。 代码转换 (Transpilation): 将使用新语法或语言(如 TypeScript, ESNext, JSX)编写的代码转换为浏览器能够理解的旧版本 JavaScript。 代码优化 (Optimization): 压缩代码体积 (Minification),删除无用代码 (Dead Code Elimination),并进行代码混淆 (Obfuscation) 等优化操作,提高加载速度和安全性。