webpack - 使用 Angular CLI 构建的 yarn 与 npm 的性能显着下降
问题描述
我们的构建非常缓慢，我们希望看看使用实验性 Webpack 5 的好处是什么，并为我们的产品添加缓存支持，至少在本地构建。
我们npm在内部使用并且主要在 Mac 计算机上使用。为了启用 Webpack 5，我必须使用Angular 11yarn来resolutions采用 Webpack 5。
在没有打开缓存的情况下，我注意到yarnvs的性能严重下降npm。奇怪的是，构建过程中的问题很严重，而不仅仅是安装命令。此外，我注意到 webpack 5 在使用yarn. 打开缓存后，有一个净正面，但yarn一个极端负面。
我们的开发构建通常需要 90 秒，npm. 使用yarnwebpack 5，典型的构建时间约为 280 秒。启用 webpack 5 缓存后，初始构建时间约为 548 秒，但随后的构建时间约为 69 秒。
为什么我在这里联系，是我很困惑为什么yarn导致 Angular 构建速度如此之慢（不确定 AngularCLI 构建中有多少时间以及构建的 webpack 部分有多少）。有谁知道为什么yarn导致 AngularCLI/Webpack 比使用时慢得多npm？
yarn也有一些不错的功能，因为我们在 中设置了单回购风格git，但我绝对不会考虑切换到与npm.