How to implement automatic "translation" of code from SCSS to CSS?

Question

css

Tell me how to implement automatic translation of scss to css in sublime text without resorting to the console every time (sass input.scss output.css)?

Answer 1

The normal way is visual compilers like
koala-app.com
scout-app.io
and company
or node.js using galp or webpack
, there are some plugins for sublime, but they are very narrowly specific and will obviously require node.js to be installed
in the console, by the way, for sure there is a watch parameter that is very relevant https://teamtreehouse.com/library/css-to-sass/inst...

Answer 2

https://www.npmjs.com/package/gulp-sass
take a look. I would still do it through the console. There are even very positive reasons for this!
I've been writing in scss for 2 years now and set up gulp for myself very conveniently.
The most important plus (for me) of working through the console, so it can be roughly said - debugging. I configured my build so that if I have a compilation error, I get a window with a file in which the error occurred and in the line .... this works through gulp-notif .... in any OS. Secondly, you need to learn / use the console because in addition to compiling to css, you need to make a production version of your styles .... I'm not talking about other languages

Answer 3

For noobs there is https://prepros.io/

Answer 4

Gulp + gulp-scss + gulp-watch
This is the most normal way that you can develop - minify, prefix automatically, ... In short, everything Gulp is designed to do