使用 angular-cli 构建/原理图的树摇 CSS

Gar*_*ary 6 javascript css components angular-cli angular

我在一个 angular-cli 项目中。我正面临 CSS 的问题。这在某种程度上是一个非代码问题,偏离了 Stack Overflow 放置代码的需求。但希望它不会被标记为关闭。这是背景:

我有很多不必要的 CSS 挥之不去。在构建过程中,我需要对不必要的 CSS 进行摇树。有没有你可以帮我的。

这是正在发生的事情的背景:

  • 我试图转移到 scss 并看到创建了很多额外的类,而不是我手动使用时创建的类。
  • 所以我转而使用手动编写的纯手动创建的 CSS 片段,有些则从框架(引导程序)中提取出来。由于这些是片段,并不是所有的都在开发中使用。但是由于框架有很多额外的 CSS 覆盖了整个原因(比如响应式网格),所以它留下了很多没有使用的 css。
  • 所以为了减少开销,我尝试转向一个基于 shadow-dom 的原生组件。但是我看到我的 CSS 被重复用于很多组件。
  • 我现在已将所有 CSS 放回主要styles.css(由 ng-cli 连接的style1.css,style1.css等)以帮助更快地清理 CSS 并移至组件的默认角度仿真。但是随着我的应用程序变得越来越大,我无法手动跟踪 CSS。

选项:我看到手动摇树是一个问题。所以我看到周围有一些 CSS 摇树器,但由于 Angular cli 与多个组件一起工作,我认为需要 CSS 摇树器的 cli 集成。我找不到 cli 与 build 合并的一个。

问题:有人对如何集成有任何建议,或者是否有 CSS-tree Shaker 社区项目?我没有使用过原理图。