angular-cli - 检测到循环依赖时如何使 ng build 命令出错

Question

我正在使用 Angular 9，我希望只要在构建目标中检测到循环依赖项，我的构建就会失败。

当我使用 Angular 6 及更低版本时，我只是在我的 webpack 配置中添加了一个 Circular Dependency Webkack 插件 ( https://www.npmjs.com/package/circular-dependency-plugin )，它运行良好。但是，在 Angular 9 中，我无权访问用于构建目标的构建器的 wepack 配置。我不想使用 custom:webpack 构建器。

你知道如何实现吗？我知道 angular.json 文件中的 showCircularDependencies 键，但它只是用来打开和关闭警告。

Answer 1

Angular 内置的 Circular Dependency webpack 插件在 Angular 12 中已被弃用， future 将被移除。检测循环依赖的推荐方法是使用 lint 规则或其他外部工具。 Eslint 有 https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-cycle.md

编辑:

ESlint 规则很慢，这也许并不奇怪，因为 ESlint 是为一次检查一个文件而设计的，而循环依赖性检查都是关于全局信息的。

我们使用 https://github.com/pahen/madge速度快，效果好。