부트 스트랩 scss 가져 오기를 최적화하십시오.

Question

저는 Universal SSR이있는 Angular4 CLI 프로젝트가 있습니다. 내 자신하는 SCS 파일에 내가 부트 스트랩 가져옵니다

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

부트 스트랩 자체가 예를 들어, 다른하는 SCS 파일로 많이 수입 : I는 각 응용 프로그램을 컴파일 할 때

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

,이 보인다 불필요한 부트 스트랩의 많은 스타일 클래스가 번들에 통합되었습니다.

최적화 할 수있는 방법이 있습니까? 가져 오기 또는 빌드 프로세스 중 하나?

감사합니다.

Answer 1

필요없는 것을 제거 할 수 있습니다!

부트 스트랩 전체를 가져 오는 대신 모든 부품을 별도로 가져올 수 있습니다.

모든 부품은 here입니다.

그런 다음 필요없는 것을 제거하면됩니다 (파일의 필요한 부분에 모든 것을 남겨 두십시오).