rspack-随着NX的速度加速-DEV365 开发者社区

在NX，我们很高兴看到JavaScript工具生态系统的发展，尤其是在提高速度方面！性能是NX的核心。我们可以将其整合的更快工具使我们的生活更轻松，并使我们为开发人员提供更好的体验。

大约一年前，ByteDance开始开发一种新的，更快的WebPack替代方案： rspack 。 Valor Software加入了合作，并与我们联系了开发专用的NX插件。目的：为开发人员提供轻松的RSPACK和REACT的登机路径！

比webpack快？什么是rspack？

rspack是Webpack的重写，其主要目标是提高性能。 Rust是主要语言，允许建立一个高度平行的体系结构，可以充分利用现代的多核CPU。此外，它还带有已经内置的基本捆绑功能，以避免来自第三方套餐的进一步瓶颈。它还使用专门的增量汇编策略高度优化了HMR（热模块更换）。

bytedance开发了RSPACK，以解决他们在开发和维护其内部整体应用时遇到的性能问题，所有这些应用都在很大程度上依赖于复杂的WebPack配置。 rspack是重写允许依靠WebPack的成熟体系结构，同时又是一个简单的替换。

BONTEDANCE已经在其某些内部业务应用程序上应用了Rspack，并且在编译性能方面有5至10倍的提高。

更多关于官方rspack文档：https://rspack.dev

我们在NX的目标是成为您首选框架的最佳CLI。我们想清除摩擦，以便开发人员可以轻松利用这些新工具，并使用准备生产的设置专注于运输功能。这就是为什么我们开发了一个专用的Rspack插件，该插件可以让每个人都能快速提高速度。

查看以下视频，以完整演练NX和RSPACK如何共同努力创建适合生产的React应用程序。

您可以使用以下命令创建一个新的基于RSPACK的React应用程序：

npx create-nx-workspace myrspackapp --preset=@nrwl/rspack

这将与React，Typecript，Eslint，Jest（可选的Vite），用于E2E测试的Cypress创建预配置的设置，显然是Rspack。

所有通常的NX功能，例如

..开箱即用。

不仅仅是“速度功能”。所有代码生成器，自动化代码迁移和code editor extensions也有效。

同样，您可以在现有NX MonorePos中使用基于RSPACK的应用程序。只需安装NPM软件包：

npm i @nrwl/rspack -D

然后生成一个新应用程序：

npx nx g @nrwl/rspack:app myrspackapp

这将在您的NX MonorePo中创建一个新的应用程序，该应用程序使用Rspack作为捆绑器。您甚至可以导入现有的React库，这也可能是在现有生产设置中尝试RSPACK的绝佳方法。

去了解

的更多信息

另外，如果您喜欢这个，请单击“”，并确保在Twitter上关注Juri和Nx以获取更多信息！