2016-11-24 4 views
0

"@ import 'bourbon/bourbon'"은 필요에 따라 각 버번 본에서 개별 믹스를 가져 오는 것과 같은 효과가 있습니까? 예를 들면 : 전체 '@import bourbon/bourbon'보다는 bourbon에서 필요로하는 css3 mixins (@ import 'bourbon/css3') 만 가져올 수 있습니다. 미리 감사드립니다."@import 'bourbon/bourbon'"은 개별 mixin을 가져 오는 것과 같은 효과가 있습니까?

+0

* CSS3 믹스 인을 사용하는 경우 [접두사] (https://github.com/postcss/autoprefixer)와 같은 것을 사용하는 것이 좋습니다. 적용 할 접두어에 대해 더 큰 유연성을 제공합니다. – Dre

답변

0

나는 벤치 마크를 실행하지 않았지만 컴파일 성능의 차이는 최소한이라도있을 것이라고 생각합니다. 가장 큰 차이점은 아웃풋의 크기에있을 것입니다. 사용자가 필요로하지 않는 CSS를 가져 오면 사용자가 다운로드 할 수있는 더 큰 파일을 생성하게됩니다. 따라서 전체 라이브러리가 필요하지 않은 경우 앱에 필요한 부분을 가져 와서 사용자에게 대역폭을 절약하십시오.

+0

그것은 모두 함수, 변수 및 믹스 틴입니다. 따라서 Bourbon은 실제로 추가 CSS를 출력하지 않습니다. 컴파일시 약간의 차이가있을 수 있지만, IMHO는 편의성 요소에 비해 그다지 중요하지 않습니다. – Dre

+0

사실, 버번에 대해서는 그 사실을 잊어 버렸습니다. 따라서 자산을 컴파일 할 때 약간의 속도 저하가 발생하지 않는다면 아무 문제가 없을 것입니다. – mysmallidea