css预编译的工作原理

小编给大家分享一下css预编译的工作原理，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

css预编译是指通过能读取文件的语言编写的插件把文件解析成css文件，因为它们的文件名都不是css，写法也不是纯css，而是无法被浏览器识别的，所以写完需要编译一下才能使用，这便是css预编译。

预编译原理

通过能读取文件的语言编写的插件把文件解析成css文件，因为他们的文件名都不是css，写法也不是纯css，是无法被浏览器识别的，所以写完需要编译一下才能使用，这就是预编译。

目前最常见的工具

sass，2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCSS 需要使用分号和花括号而不是换行和缩进）

less，2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部分开发者和设计师更容易上手，在ruby社区之外支持者远超过SASS，其缺点是比起SASS来，可编程功能不够，不过优点是简单和兼容CSS，反过来也影响了SASS演变到了SCSS的时代，著名的Twitter Bootstrap就是采用LESS做底层语言的

stylus，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，在此社区之内有一定支持者，在广泛的意义上人气还完全不如SASS和LESS。

以上是css预编译的工作原理的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！