@Capablanca

Живое preview на SASS без компиляции?

Всем доброго дня.

Думаю, многие привыкли работать над проектами, через live-preview для вашего html внутри редактора или сразу в окне браузера.
Но это работает только с привязанным чистым .css файлом. Для пре-процессоров .sass файл сначала должен быть скомпилирован в css, иначе так работать не получится.
Можно ли как-то настроить авто-компиляцию из SASS, чтобы я мог смотреть изменения вживую в браузере, редактируя при этом только SASS-документ?
Желательно именно для редактора Atom.

Буду рад советам.
  • Вопрос задан
  • 311 просмотров
Решения вопроса 1
@codemafia
Самоотвод
Не страдайте ерундой. Собирайте проект с помощью gulp+gulp-sass и browsersync или webpack+sass-loader
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
MedVedar
@MedVedar
e-commerce developer
Смотрите watcher-ы. Они мониторят изменения файлов и запускают ваши таски на выполнение. Например, ватчер увидел, что sass файл изменился - запустил таск компиляции - обновил css в браузере. Механизм ватчеров отлично реализован в gulp, также есть в phpstorm, наверняка есть и в atom.

Без проблем и загуглилось - https://atom.io/packages/atom-watcher
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы