Live preview on SASS without compiling?

Question

css

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

Answer 1

Не страдайте ерундой. Собирайте проект с помощью gulp+gulp-sass и browsersync или webpack+sass-loader

Answer 2

See watchers. They monitor file changes and run your tasks for execution. For example, the watcher saw that the sass file had changed - ran the compilation task - updated the css in the browser. The watcher mechanism is perfectly implemented in gulp, it is also in phpstorm, for sure it is also in atom.
No problem and googled - https://atom.io/packages/atom-watcher