Синтаксис для включения отдельного файла Sass?

Я не могу подтвердить, что этот синтаксис - лучшая практика. Я хотел бы обратиться к внешнему файлу Sass и добавить его к моему окончательному файлу CSS, таким образом, мой лист Sass выглядит более чистым, и я все еще делаю только один HTTP-запрос.

Например, возьмите "нормализовать" код и поместите его в файл .sass, затем в моих листах sass просто обратитесь к нему:

@import src/normalize
@import src/droidSans

rest of code here.....

Пока все работает нормально, но я не могу найти ничего конкретного, если я пойду в правильном направлении. Также я делаю статические шаблоны на данный момент... не используя Rails на данный момент.

Я играю с Сасс в течение нескольких часов, и мне это нравится!!!

Ответы

Ответ 1

Чтобы предотвратить частичное преобразование в собственный файл css, префикс имени файла с подчеркиванием _normalize.scss. Затем вы можете импортировать его так, как вы указали, что уже делаете:

@import "normalize";

Или импортировать сразу несколько файлов:

@import "normalize", "droidSans";

Или импортировать из относительного каталога:

@import "folder/file"

Обратите внимание на использование двойных кавычек и полуточек; Я использую синтаксис SCSS, который является более поздней разработкой для слова SASS. Хотя оба стиля действительны, вы можете найти себя, предпочитая друг друга, в зависимости от того, на каких других языках вы входите.

Дополнительное чтение можно найти в разделе "Директивы/Частицы" в документации.