什么是构建工具？

构建工具是用于自动化软件开发过程中各种任务的软件工具。这些任务包括编译源代码、打包二进制文件、运行测试、生成文档以及部署应用程序等。构建工具的主要目的是简化和加速开发流程，提高开发效率和代码质量。

构建工具解决的是什么？

• “代码如何从源码，变成浏览器可运行产物”
• 负责：
  • 解析模块依赖
  • 转译代码（TS / JSX / Vue）
  • 处理样式和静态资源
  • 本地开发服务器
  • 生产环境构建优化

常见的构建工具

• Webpack：一个高度可配置的模块打包工具，支持各种插件和加载器，适用于大型项目。
• Rollup：专注于打包JavaScript库，生成高效的
• ES模块代码，支持Tree Shaking。
• Parcel：零配置的打包工具，适合快速开发和小型项目。
• Vite：基于ES模块的现代前端构建工具，提供快速的开发服务器和高效的生产构建。
• esbuild：极快的JavaScript打包工具，使用Go语言编写，适合需要高性能构建的项目。