Compass/css3/border-radius "대신"@import "compass/css3" "를 사용하면 벌칙이 적용됩니까?

Question

는 난 그냥

@import "compass/css3"; 

도 작동으로 치환하는 것을 발견

@import "compass/css3/border-radius"; 
@import "compass/css3/box-shadow"; 

와 말대꾸 파일이 있습니다.

후자의 양식을 사용하지 않는 이유가 있습니까?

Answer 1

import가 mixins 이외의 것을 가져 오지 않는 한, sass 컴파일러가 더 많은 mixins를 추적해야 할 때만 오버 헤드가 컴파일 될 것입니다. 그러나 컴퓨터는 그런 종류의 일을 잘합니다. 그것을 땀을.

재설정 스타일의 큰 덩어리를 가져 오는 @import "compass/reset";과 같은 것들에 대한주의 사항이 있습니다. 이것은 또한 성능에 별다른 영향을주지 않지만 스타일 시트에 스타일을 추가하여 출력을 변경합니다. 스타일은 가져 오는 위치에 삽입되므로 나중에 .scss 파일에서 믹스 인이 아닌 것을 가져올 때는주의해야합니다 (later CSS rules of equal specificity trump earlier ones).

그러나 진짜 대답은 언제나 그렇듯이 최소한의 .scss 파일을 가져 오기로 시도하고 다른 쪽 끝에서 어떤 CSS가 나오는지 확인하는 것입니다. 결국 CSS가 브라우저에 제공하는 것입니다. 그것이 정결한지 확인하십시오!