Как реализовать автоматический «перевод» кода из SCSS в CSS?

Question

[Nikita Gimon]

Подскажите, как реализовать автоматическую трансляцию scss в css в sublime text не прибегая каждый раз к консоли (sass input.scss output.css)?

Answer 1

[Froggyweb]

Нормальный способ - визуальные компиляторы типа
koala-app.com
scout-app.io
и компания
или node.js c помощью galp или webpack

есть вроде плагины к sublime, но они очень узко специфичны и явно будут требовать установку node.js

в консоли кстати наверняка есть параметр watch это очень актуально https://teamtreehouse.com/library/css-to-sass/inst...

Answer 2

[sdgroup14]

https://www.npmjs.com/package/gulp-sass

вот посмотрите. Я бы вам все таки делать через консоль. Есть на это даже очень положительные причины!
Я уже 2 года пишу на scss и настроил gulp под себя очень даже удобно.
Самый главный плюс(для меня) работы через консоль, так это можно грубо сказать - дебаггинг. Я настроил свою сборку так, что если у меня ошибка в компиляции у меня вылетает окно с файлом в котором произошла ошибка и в строке.... это работает через gulp-notif.... в любой ОС. Во вторых консолью нужно учиться/пользоваться обязательно потому что помимо компиляции в css вам нужно делать production версию ваших стилей.... Я уже не говорю о остальных языках

Answer 3

[zooks]

Для нубов есть https://prepros.io/

Comments

[Froggyweb]

он платный и мягко говоря не лучший вариант. я его когда-то покупал.......

[zooks]

Froggyweb, использовал на одном проекте, насколько помню, он как Sublime: настойчиво просит покупку, но можно пропускать. Лучший вариант - Laravel Mix.

[Froggyweb]

нет он ставит паузу при компиляции... Лаварель микс это из другой оперы.

Answer 4

[Егор Живагин]

Gulp + gulp-scss + gulp-watch

Это самый нормальный способ, который можно развивать - минифицировать, расставлять префиксы автоматом, ... Короче, всё, для чего предназначен Gulp делать