Sass, Compass, скомпилируйте весь файл CSS в один

Сейчас, когда я разрабатываю свой проект, у меня есть три файла: «main.css», «about.css» и «news.css» (например). Можно ли скомпилировать их в один "final.css" для производства?


person MyMomSaysIamSpecial    schedule 23.10.2012    source источник


Ответы (1)


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

@import 'main';
@import 'about';
@import 'news';

Затем вам нужно будет переименовать ваши файлы, чтобы они имели расширения scss, чтобы директива импорта их нашла. Если вы не хотите, чтобы файлы main.scss, about.scss и news.scss компилировались в файлы CSS, вы можете использовать partials, добавив к именам файлов знак подчеркивания (например, _main.scss, _about.scss, _news.scss).

person hopper    schedule 23.10.2012
comment
Это предпочтительный способ скомпилировать все scss в один файл css? - person Vincent; 16.11.2013
comment
Да, обычно. Объединение всего CSS в один файл помогает повысить производительность за счет уменьшения количества HTTP-запросов на страницу. Вот хорошая ссылка: developer.yahoo.com/performance/rules.html#num_http - person hopper; 16.11.2013