JavaScript 构建工具改变并塑造了我们构建在 Web 上运行的项目的方式。构建工具是任何开发工作流的一个组成部分，它们包括（但不限于）Task Runner（任务运行器）、Transpiler、模块打包器、Linter、包管理器和开发服务器。
这些工具帮助开发人员高效地构建，并使开发过程变得更加简单（尽管配置它们可能会变得复杂）。
流行的构建工具很多，例如：
- Vite — 是一种新型前端构建工具，能够显著提升前端开发体验。
- Webpack — 现代 JavaScript 应用程序的静态模块打包器。它的主要目的是捆绑 JavaScript 文件以在浏览器中使用，但它也能够转换、捆绑或打包几乎任何资源。
- Parcel — 一个 Web 应用程序捆绑器，以其开发人员体验而著称。它利用多核处理提供了极快的性能，并且需要零配置。
- Rollup — 用于 JavaScript 的模块打包器，它将小段代码编译成更大更复杂的东西，例如库或应用程序。
- Gulp — 自动化和增强工作流程的工具包
- Grunt — 基于任务的 JavaScript 工程命令行构建工具。
前面我们已经写过一些关于这方面的内容：
- Parcel 入门
- Vite 入门
- Webpack 减少构建时间
- esbuild 入门
- 将 ES 模块与 rollup.js 捆绑并生成多种文件格式
- Tree Shaking
- Webpack DefinePlugin
- Webpack Watch
- 使用 Webpack 编译 TypeScript
- Webpack externals
- 使用别名缩短 Webpack 中的导入路径
- 持续更新...
后面会继续深入学习，记录一些关于这方面的内容。