问题标签 [technical-debt]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 是否有用于从预先缩小的源文件中删除未使用的 SASS 的工具/流程?
我们有一个相当大的 Angular 站点,它使用许多单独的 .scss 文件。这些已经存在了很多年,并且通过了数十个开发人员的手和无数的站点修订,而且,我们有很多膨胀。
我的任务是尝试减少这种膨胀,并努力寻找一个能够实际处理源文件本身解决此问题的流程/工具。
换句话说,我看到了很多解决方案,例如 purgeCSS 会从后编译的缩小文件中删除所有未使用的 CSS——这当然是一件好事,但这并不能解决我们的源文件笨重的核心问题充满了未使用的垃圾。
我不介意手动进行清理——事实上,可能更喜欢这样做——但我还没有找到一个工具可以真正生成一个报告来将我的源 sass 文件与完全编译的站点进行比较.
还有一个额外的转折,我有一种预感是无法解决的,因为我们的一些 HTML 位于我们的 CMS 中,所以甚至不是在本地编译的部分代码。
我想我在问是否有可以执行以下操作的软件解决方案:
- 扫描本地系统中的 .scss 文件
- 扫描我们编译的 Angular 应用程序生成的 HTML 以获取类和 ID
- 生成一个报告,向我们显示 .scss 文件中的哪些类和 ID 在我们的 HTML 中的任何位置都找不到
我还想解决 CMS 中的 HTML 问题,但我认为这最终必须是一个完全独立的过程。