Использовать несколько файлов SASS

Я хочу разделить мой (гигантский) глобальный файл css на несколько файлов. Я использую sass. Есть ли простой способ заставить Sass смотреть несколько файлов? Я думаю, что я мог бы использовать @import, но просто хотел узнать, есть ли другой (лучший) способ.

Ответы

Ответ 1

Что означает Rich Bradshaw, но вот другой подход, который вы могли бы предпринять.

Создайте 1 scss файл под названием combined.scss (например), затем внутри этого файла @import все ваши файлы scss, а затем просто запустите sass --style compressed --watch combined.scss:combined.css и он обнаружит изменения в импортированных файлах scss и перекомпилирует по мере необходимости.

combined.scss пример:

@import "reset";
@import "layout";
@import "styles";
@import "ie";

Поэтому, когда вы вносите изменения в файл layout.scss combined.scss, он будет перекомпилирован, и все ваши фактические html-страницы должны будут ссылаться на combined.css.

Но, как я уже сказал, решение Rich Bradshaw будет работать так же хорошо, и в зависимости от проекта, над которым вы работаете, может быть лучше использовать.

Ответ 2

Я использую импорт, затем перейдите в мой медиа-каталог, который включает каталог css со всеми моими css и запустите sass --style compressed --watch css:css. Это создает один файл css из загрузок scss файлов.

Чтобы прояснить это, если вы назовете импортированные файлы, начинающиеся с символа подчеркивания, то SASS не пытается скомпилировать их.

Итак, если у вас есть файл под названием style.scss, содержащий эти строки,

@import 'reset';
@import 'blog';

а некоторые файлы, называемые _reset.scss и _blog.scss, будут означать, что при запуске указанной выше команды создается один файл с именем style.css, который содержит все остальные файлы. Переменные также объявлены выше.