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