SASS 믹스 라이브러리로 사용하는 것이 더 좋습니다 : 부트 스트랩 또는 버번?

Question

나는 Sass mixin 라이브러리로 사용할 항목을 찾고 있습니다 : 부트 스트랩 또는 오히려 부르봉 왕가.

부트 스트랩은 UI 프레임 워크와 더 흡사하며 상자 구성 요소와 모듈을 벗어나는 것으로 나타났습니다. 그리고 Bourbon은 SCSS 작성 도구 세트를 제공하는 Sass 라이브러리이기 때문에 자신의 구성 요소와 모듈을 쉽게 만들 수 있습니다.

부트 스트랩을 믹스 인 라이브러리로 사용하는 것이 얼마나 편리할까요?

부트 스트랩 믹스 인으로 사이트의 버튼 코드를 작성하려고했는데 거의 모든 믹스 인 버튼을 단추 모양으로 변경해야했습니다. 그리고 미리 정의 된 많은 코드를 삭제해야했습니다.

부르봉 왕가에서는 몇 가지 일반적인 믹스 인을 사용하고 새로운 것들을 씁니다.

나는 부트 스트랩에서 많은 삭제 및 무시가 있다고 가정합니다.

누군가 내 경험과 장단점을 나에게 줄 수 있습니까?

Answer 1

Bootstrap4는 말할 수 없지만 Bootstrap3의 bootstrap-sass는 mixins를 염두에두고 작성한 것 같지 않습니다. 묶음은 모듈 자체에서 사용되며 스타일을 정의 할 때 유용 할 수 있지만 의도 한 워크 플로는 결코 아닙니다. 이 경우는 원래의 원본과 동일합니다.

불필요한 덩어리를 조각으로 만들 수 있지만 설치 정책에 대한 Bourbon의 제로 출력과 비교할 때 일반적으로 cdn에서 핫 링크 된 확장 된 부트 스트랩 뒤에로드 된 작은 스타일 시트로 몇 가지 속성을 무시하는 것이 좋습니다. 확실히 어느 정도까지는 최적화 할 수 있지만 꽤되지는 않을 것입니다.

예를 들어, 변수를 올바르게 설정하여 navbar의 스타일을 지정하고 부트 스트랩의 관련 부분을 종속성과 함께 가져 오면 35k ~ 압축되지 않은 상태가됩니다. 또는 2-3k에 필요한 부품 만 무시하고 최종 사용자가 컨텐츠 전달 네트워크에서 110k의 전체 부트 스트랩을 먹게 할 수 있습니다. 그것들은 이미 대중적이기 때문에 이미 그것을 캐쉬 할 것이다.

스타일에 대한이 전체 핫 링크 및 피팅 마크 업은 다른 방법 대신 raised some criticism이지만 부트 스트랩이 사용되도록 설계되었습니다.

전반적으로 Bourbon에 이미 익숙하다면 Bootstrap3을 확인하는 것이 흥미로울 수 있지만 몇 가지 트릭을 선택하는 것은 분명하지만 믹스 인 라이브러리가 아닙니다.