Кто ответит на многовопрос по scss/sass?

Question

[evilelf]

Всем отличного воскресного вечера!

Бьюсь над вопросами:

1. Как скомпилировать все файлы (*.scss) из папки в такие же названия, но *.css
   
2. Как скомпилировать все файлы из папки в один styles.css
   
3. Как скомпилировать одни scss в 1 css-файл, а некоторые в другой css-файл?
   
4. Как заставить компилятор некоторые файлы сжимать, а другие нет? (про --style compressed знаю)
   
5. Как заставить компилятор конечную фигурную скобку переносить на другую строку?)))
   

Всем спасибо за ответы!
Думаю у многих такие вопросы ещё будут)))

Answer 1

[kirokydrive]

Для всего этого существуют такие штуки grunt,gulp. Видео уроков куча по ним. Там все просто и понятно.

Comments

[evilelf]

а что лучше? grunt или gulp? и в чём отличие?

[dk-web]

evilelf: с грунтом я не шмогла... а вот с галпом подружился почти сходу... базовые отличия искать бессмысленно)

Answer 2

[Mr Crabbz]

Все ваши вопросы покроет prepros.io

Comments

[Mr Crabbz]

OnYourLips: Не будьте параноиком). Бесплатный безлимитный триал присутствует. Задачи топик стартера решит за 10 минут настройки в графическом интерфейсе без ковыряния конфигов и т.п.
Профессиональный это какой? Чистый консольный GULP? Чем Prepros не профессиональный?

[Mr Crabbz]

OnYourLips: Стесняюсь спросить - какое же решение является лучшим и по каким критериям определяется то, что оно единственно-лучшее?)

Answer 3

[dk-web]

Я только про 3 первых смогу...
1) я использую Gulp и плагин gulp-compass - рекомендую видео урок от loftblog по его установке и настройке. Там все четко. loftblog.ru/tag/gulp-2
2-3) подфайлы делаете следующим образом _файл.scss(sass) а в основном файле делаете import
Например:
_fonts.scss
_vars.scss

и вам нужно два разных файла на выходе.
front.css и admin.css
Делаете front.scss - в нем только
@import "fonts"
Делаете admin.scss - в нем только
@import "vars"
Gulp вам сделает два разных файла с разным содержанием...
вкратце так.