使用 Angular CLI 构建的 yarn 与 npm 的显着性能下降

问题描述

我们的构建速度很慢,我们希望了解使用实验性 Webpack 5 的好处,并为我们的产品至少为本地构建添加缓存支持

我们使用 npm 并且主要在内部使用 Mac 计算机。为了启用 Webpack 5,我必须使用 yarn 来让 resolutions 工作以采用带有 Angular 11 的 Webpack 5。

在没有打开缓存的情况下,我注意到 yarnnpm性能严重下降。奇怪的是,构建的问题很严重,而不仅仅是安装命令。此外,我注意到在使用 yarn 时 webpack 5 比 webpack 4 慢。打开缓存后,有一个净正值,但 yarn一个极端负值。

我们的开发版本通常使用 npm 进行约 90 秒。使用 yarn 和 webpack 5,典型的构建时间约为 280 秒。启用 webpack 5 缓存后,初始构建时间约为 548 秒,但随后的构建时间约为 69 秒。

为什么我在这里伸出援手,是因为我很困惑为什么 yarn 导致 Angular 构建速度如此之慢(不确定 AngularCLI 构建中有多少时间以及有多少是构建的 webpack 部分)。有谁知道为什么 yarn 导致 AngularCLI/Webpack 比使用 npm 时慢这么多?

yarn 也有一些不错的功能,因为我们在 git 中设置了单一存储库样式,但与 {{1} 相比,我绝对不会考虑使用我所看到的可怕性能进行切换}.

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)