使用angular-cli build / Schemantics摇树CSS

时间:2018-07-01 02:30:56

标签: javascript css angular components angular-cli

我在进行angular-cli项目。我面临着CSS的问题。这在某种程度上是非代码问题,并且与放置代码的stackoverflow需求有所不同。但是希望它不会被标记为关闭。这是背景:

我有很多不必要的CSS徘徊。在构建过程中,我需要对不必要的CSS进行摇树。有什么可以帮我的吗?

这是发生的事情的背景:

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

选项:

我看到手动摇树是一个问题。因此,我看到周围有一些CSS摇树器,但是由于角度cli可与多个组件配合使用,因此我看到了需要对css摇树器进行cli集成。我找不到cli与build合并的文件。

问题:有人对如何集成提出建议,或者是否有css-tree振动筛社区项目?我没有使用过schmatics。

0 个答案:

没有答案