Need an overview of CSS pre-compilation

I love the sound of using automation to fix what can get sticky and ugly as an project grows.

Please give me a quick idea how it works, and what some benefits are of the leading CSS pre-compilers.

Thanks
newbiewebSr. Software EngineerAsked:
Who is Participating?
 
James BilousSoftware EngineerCommented:
Precompilation just means that you are using a CSS extension language and running it through an interpreter to get the actual CSS you want to serve to the user. Check out what LESS does http://lesscss.org/ or SASS http://sass-lang.com/guide to get an idea of what CSS preprocessors do.
0
 
newbiewebSr. Software EngineerAuthor Commented:
.
0
 
newbiewebSr. Software EngineerAuthor Commented:
thanks
0
Cloud Class® Course: Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

 
James BilousSoftware EngineerCommented:
Yeah, less is essentially a "precompiler" so you write LESS code and when its compiled it turns into CSS. When this compiling happens is up to you. For example, you can compile when serving up a page in node, when your page is rendered in the browser, or before hand completely into a static file. "running in" less basically means the compiling step is automated within these environments.
0
 
newbiewebSr. Software EngineerAuthor Commented:
But the Node would just host the pre-processor. The deployment environment can be anything that supports CSS, right?
0
 
James BilousSoftware EngineerCommented:
Correct, node would just run it when needed
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.