从 v11 到 v17 的 Angular 更新

Question

我已成功将 Angular 应用程序从版本 11 转换到版本 17。初始构建是使用 webpack v4 构建的，但我最近将其更新为 webpack v5。然而，我在应用程序的构建和执行过程中遇到了一些挑战，例如浏览器中缺少某些 CSS 文件。我很好奇 webpack v5 是否与 Angular 17 兼容。为了方便起见，我附上了我的 package.json 文件中的一个片段。

我很好奇 webpack v5 是否与 Angular 17 兼容。如果不兼容，那么我应该使用 Angular CLI 的新构建系统来构建应用程序。

Answer 1

Angular 团队的这篇文章表明 Webpack 仍然可用（不确定具体是 Webpack 5）。 来自 Angular 构建指南：

现有的基于 Webpack 的构建系统仍然被认为是稳定且完全受支持的。应用程序可以继续使用浏览器构建器，并且更新时不会自动迁移。

但是，这是遗留管道。考虑到它很可能在不久的将来被放弃，并且新的构建工具承诺更好的性能，迁移到 esbuild 可能是最好的选择（除非您有特定的要求阻止您使用 esbuild）。

检查 Angular 17 是否支持 Webpack 5 的一个选项可能是：

• 使用 ng cli v. 17 设置一个新的 Angular 项目
• 将其配置为使用

  browser

  构建器，如此处所述
• 使用

  yarn why webpack

  查看默认安装的 Webpack 版本