构建工具

JavaScript 构建工具改变并塑造了我们构建在 Web 上运行的项目的方式。构建工具是任何开发工作流的一个组成部分，它们包括（但不限于）Task Runner（任务运行器）、Transpiler、模块打包器、Linter、包管理器和开发服务器。

这些工具帮助开发人员高效地构建，并使开发过程变得更加简单（尽管配置它们可能会变得复杂）。

流行的构建工具很多，例如：

• Vite — 是一种新型前端构建工具，能够显著提升前端开发体验。
• Webpack — 现代 JavaScript 应用程序的静态模块打包器。它的主要目的是捆绑 JavaScript 文件以在浏览器中使用，但它也能够转换、捆绑或打包几乎任何资源。
• Parcel — 一个 Web 应用程序捆绑器，以其开发人员体验而著称。它利用多核处理提供了极快的性能，并且需要零配置。
• Rollup — 用于 JavaScript 的模块打包器，它将小段代码编译成更大更复杂的东西，例如库或应用程序。
• Gulp — 自动化和增强工作流程的工具包
• Grunt — 基于任务的 JavaScript 工程命令行构建工具。

前面我们已经写过一些关于这方面的内容：

• Webpack 减少构建时间
• esbuild 入门
• 将 ES 模块与 rollup.js 捆绑并生成多种文件格式
• Tree Shaking
• Webpack DefinePlugin
• Webpack Watch
• 使用 Webpack 编译 TypeScript
• Webpack externals
• 使用别名缩短 Webpack 中的导入路径
• 持续更新...

后面会继续深入学习，记录一些关于这方面的内容。