如何检测 Angular 中的无效代码或未使用代码？

Question

一年多以来，我和我的团队一直在处理angular申请。 作为我们代码重构过程的一部分，我们希望从我们的 repo 中删除未使用或无效的代码。

是否有任何技术或工具可以从我们的回购协议中自动检测这些未使用的代码，这对我们有帮助而不是浪费大量时间和精力手动检测它们？

Answer 1

WebStorm可以找到死代码。

在菜单栏 select Code > Inspect Code... ：

在它生成的报告中，深入了解JavaScript and Typscript > Unused symbols ：

Answer 2

对于 VS Code，您可以使用这个： https : //eslint.org/docs/rules/no-unused-vars What it does ：在代码中的任何地方声明但未使用的变量很可能是由于重构不完整而导致的错误。 此类变量会占用代码中的空间，并可能导致读者混淆。

没有什么可以为您删除代码，但我认为这是一个很好的扩展。

如果您使用 sublime，则什么都没有，因为它只是一个文本编辑器

Answer 3

我发现这种在捆绑时删除未使用代码的方法并不完全是您和我正在寻找的，但它可能会有所帮助

摇树算法首先由 RollupJS 引入，也由 Webpack 2 实现，它在捆绑代码时删除任何未使用的代码。 它依赖于 ES2015 模块来实现这一点。

https://alexjover.com/blog/tree-shaking-with-webpack-2-typescript-and-babel/

Answer 4

那很简单。 如果您使用" ng serve --aot " cli 命令而不是" ng serve "运行您的应用程序，它会向您显示这些死代码的孔数（就像您离开" ng build --prod "命令时一样）。