在Web前端项目开发过程中，通常会使用到哪些主流的自动化构建工具？请分别阐述这些工具各自的核心功能与在项目中的实际用途。

回答思路

1. 【回答框架 1】构建工具的核心目标是自动化处理源代码，完成转译、打包、压缩、代码分割等任务，解决模块依赖和资源加载问题，提升开发效率和产物质量。
2. 【回答框架 2】主流工具按代际和场景区分：早期Grunt和Gulp基于任务流，通过配置或代码定义任务处理文件，适合轻量级流式处理；Webpack是模块打包器，以依赖图为核心，支持代码分割、加载器等丰富特性，目前应用最广。
3. 【回答框架 3】现代工具中，Vite基于原生ES模块，开发时利用浏览器能力实现秒级启动，生产环境使用Rollup打包；还有Parcel主打零配置，以及esbuild和SWC这类基于Go或Rust的高性能转译打包工具。
4. 【回答框架 4】不同工具适用场景不同：大型复杂项目常用Webpack追求生态和稳定性；追求开发体验和速度的新项目可选用Vite；简单或库开发可用Rollup；需要极速构建时考虑esbuild或SWC。
5. 【回答框架 5】选择工具还需结合团队熟悉度、插件生态、维护活跃度和构建性能，同一项目也可能组合使用多种工具，例如用Vite开发、Rollup发布。
6. 【关键点 1】Webpack基于依赖图，提供loader和plugin机制，功能全面但配置较多。
7. 【关键点 2】Vite利用原生ESM，开发服务器启动和热更新快，生产构建用Rollup。
8. 【关键点 3】Gulp基于Node流，适合任务编排；esbuild以Go编写，构建速度极快。
9. 【关键点 4】构建工具核心流程为转译、打包、压缩、代码分割、资源内联与缓存优化。
10. 【易错点 1】混淆构建工具与模块打包器，例如只把Webpack当打包工具而忽略其依赖图分析和优化能力。
11. 【易错点 2】认为构建工具可互换且效果一致，忽略各工具在开发与生产环境的差异和生态限制。
12. 【易错点 3】盲目追求最新工具而忽视团队与项目的实际兼容性和维护成本。