NestJS、Vite 和 esbuild 入门

在本文中，我们将学习 NestJS、Vite 和 esbuild； 他们如何一起工作； 以及如何配置 NestJS 应用程序以使用其他工具作为依赖项。 在此过程中，我们将学习如何在现实生活场景中使用它们、它们的主要功能和用例。

跳跃前进：

• 什么是 NestJS？

• 什么是维特？

• 什么是esbuild？

• 安装和配置 NestJS 应用

• 探索 NestJS 样板

• 使用 NestJS 安装 Vite 和 esbuild

什么是 NestJS？

NestJS 是一个 Node.js 框架，用于构建高效且可扩展的企业服务器端/后端应用程序。 根据文档，它支持 JavaScript 和 TypeScript 的所有最新 ECMAScript 版本。

NestJS 结合了众所周知的 OOP、函数式编程和函数式反应式编程的编程概念和哲学，以解决后端应用程序设计中的架构挑战，这些应用程序可扩展、可维护、易于测试且不紧密耦合在一起。

尽管 NestJS 是 独立于平台 的，并且可以与任何 Node.js 库一起使用，如果为其编写绑定，NestJS 默认使用 Express 作为依赖项，也可以配置为使用 Fastify。 通过暴露的 API 和其他第三方模块轻松配置框架，使开发人员可以非常轻松地根据具体情况自定义框架。

什么是维特？

Vite 的构建工具 是一个具有很多功能 ，其中主要是近乎即时的开发服务器启动时间。 它利用在浏览器中引入原生 ES 模块和用编译为原生代码的语言编写的工具来解决与 以前的构建工具 （webpack、Parcel 等）有关的性能问题。

Vite 的工作原理是首先将应用程序中的模块分为两类，依赖项和源代码，因为依赖项在开发过程中很少发生变化。 预先捆绑 Vite 在后台使用esbuild 了这些依赖项。 对于可能需要转换的源代码（CSS、JSX 等），Vite 通过原生 ESM 将它们提供给浏览器。

当浏览器发出对源代码的请求时，Vite 会根据需要转换和加载它们，并且浏览器可以使用基于路由的 代码拆分和条件动态导入 来捆绑所需的代码，使其成为一个非常快速的过程。

什么是esbuild？

esbuild 是一个用 Go 编写的超快的 JavaScript 打包器，它利用 Go 的并行性和将源代码转换为机器代码的能力。 除其他外，其功能包括：

• 巨大的插件支持

• 一个缩小器

• TypeScript 和 JSX 支持

• ES2015 和 CommonJS 模块都支持

• 摇树能力

安装和配置 NestJS 应用

现在我们已经从高层次上了解了 NestJS、Vite 和 esbuild，让我们继续通过配置 NestJS 应用程序以使用 Vite 和 esbuild 作为依赖项来了解它们如何协同工作。 在此过程中，我们将学习如何在现实生活场景中使用它们、它们的主要功能和主要用例。

---

超过 20 万开发人员使用 LogRocket 来创造更好的数字体验 了解更多 →

---

要开始使用 NestJS，请继续安装 CLI，它会引导启动代码。 对于那些不熟悉 NestJS 的人来说，这是一个特别好的选择。

另一种选择是 克隆初始存储库 从 GitHub 。 请注意，要安装启动项目的 JavaScript 风格，我们可以 克隆这个 repo ，但你需要 Babel 来编译 vanilla JavaScript）。

出于我们的目的，我们将继续安装 CLI。 运行以下命令：

npm i -g @nestjs/cli

After we are done installing the CLI, we can go ahead to create a new Nest project:

<