Compile css with Sass on Windows

Asked

Viewed 1,256 times

1

I installed ruby in windows and installed Sass. According to the tutorial, I have to monitor the css file until then beauty, but I wanted to edit a css file that already exists, and not a new, how do I do it?

  • 1

    Saves him in .scss and edits as Sass.

  • In case if I have a minified file, I have to grab all the paste css inside the scss and dpois save it as Compressed?

  • If the code is very difficult to read use this site: http://jsbeautifier.org/.

  • You take the minified file and save it as .scss and modifies as you wish, it will save a .css again. Hence the way to use the files either does it all in one or separate.

  • You can try this app here: http://koala-app.com/

1 answer

1

1 - Use Node.js to compile Sass files for css.

https://nodejs.org/en/download/

Node.js is much faster to compile than ruby and the overwhelming majority of front-end tools currently run on it. Including SASS using Node-Sass.

https://github.com/sass/node-sass

To install (with Node.js previously installed) run the command on the terminal:

npm install -g node-sass

And to compile a Sass file for css run the command in the terminal:

node-sass style.scss style.css

2 - You need to monitor the files .scss and not the files .css

The archives .scss give rise to the .css and not the other way around. Then you need to change the file extension .css that you want to change to the extension .scss.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.