Есть ли штраф за использование `@import 'compass/css3" `вместо` @import' compass/css3/border-radius? `?

Question

У меня есть SASS файл с

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

Я только что узнал, что замена, что с

@import "compass/css3"; 

также работает.

Есть ли причина не использовать последнюю форму?

Answer 1

Если импорт не тянет что-то, кроме микшинов, единственные накладные расходы будут во время компиляции, когда компилятор sass должен отслеживать намного больше миксинов, - но компьютеры хороши в этом, Не потеть.

Опасность для таких вещей, как @import "compass/reset";, которая импортирует большой кусок стилей сброса. Это также не очень сильно влияет на производительность, но добавляет стили в таблицу стилей, что изменяет результат. Стили вставляются в то место, которое вы импортируете, поэтому будьте осторожны при импорте чего-либо, что не является mixin позже в ваш файл .scss, как later CSS rules of equal specificity trump earlier ones.

Но реальный ответ, как всегда, состоит в том, чтобы попробовать минимальный файл .scss с импортом и посмотреть, что CSS выходит на другом конце. В конце концов, этот CSS - это то, что вы предоставляете браузеру. Убедитесь, что он кошерный!