优化bootstrap scss导入

Question

我有一个使用Universal SSR的Angular4 CLI项目。在我自己的scss文件中我导入bootstrap：

@import '../node_modules/bootstrap/scss/bootstrap';

bootstrap本身会导入很多其他scss文件，例如：

@import "transitions";
@import "dropdown";
@import "button-group";
@import "input-group";
@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
etc.

当我编译角度应用程序时，似乎已经将许多不必要的引导样式类集成到了包中。

有没有办法优化它？在导入或构建过程中？

感谢

Answer 1

您可以删除不需要的内容！

您可以单独导入所有部件，而不是仅仅导入Bootstrap。

您可以找到所有部分here。

然后您可以删除您不需要的内容（只需确保将所有内容保留在文件的所需部分中）。