我们有一个相当大的 Angular 站点，它使用许多单独的 .scss 文件。这些已经存在了很多年，并且通过了数十个开发人员的手和无数的站点修订，而且，我们有很多膨胀。
我的任务是尝试减少这种膨胀，并努力寻找一个能够实际处理源文件本身解决此问题的流程/工具。
换句话说，我看到了很多解决方案，例如 purgeCSS 会从后编译的缩小文件中删除所有未使用的 CSS——这当然是一件好事，但这并不能解决我们的源文件笨重的核心问题充满了未使用的垃圾。
我不介意手动进行清理——事实上，可能更喜欢这样做——但我还没有找到一个工具可以真正生成一个报告来将我的源 sass 文件与完全编译的站点进行比较.
还有一个额外的转折，我有一种预感是无法解决的，因为我们的一些 HTML 位于我们的 CMS 中，所以甚至不是在本地编译的部分代码。
我想我在问是否有可以执行以下操作的软件解决方案：
- 扫描本地系统中的 .scss 文件
- 扫描我们编译的 Angular 应用程序生成的 HTML 以获取类和 ID
- 生成一个报告，向我们显示 .scss 文件中的哪些类和 ID 在我们的 HTML 中的任何位置都找不到
我还想解决 CMS 中的 HTML 问题，但我认为这最终必须是一个完全独立的过程。