web前端入门到实战：css预处理器 - sass/scss、less、stylus

最新推荐文章于 2023-06-12 14:57:44 发布

VIP文章编程世界-云

最新推荐文章于 2023-06-12 14:57:44 发布

阅读量382

点赞数

文章标签： css 前端 web前端前端基础前端开发

本文链接：https://blog.csdn.net/weixin_45761317/article/details/103517600

版权

css 预处理工具，可以将其对应的DSL(领域特定语言)编译为 css

SASS 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架
Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，sass 不兼容 css 代码
Sass3 就变成了Scss(sassy css) 与原来的语法兼容，只是用{}取代了原来的缩进
sass 的运行依赖于 ruby 环境（compass 将 sass 编译为 css）
现在可用 node-sass 来编译 sass/scss 文件
- node-sass 是一套在 node.js 用 LibSass 編 sass/scss 的工具
- 原始的sass 是用 ruby 编写的，所以需要 ruby 环境，libSass 是原始sass引擎的一个 c/c++ 接口，使用它编译sass不依赖于ruby，可以使用其他语言使用libSass
- 安装node-sass时，会去GitHub 下载一个 .node的文件而这个文件托管在墙外的服务器上，所以失败了node-sass安装失败解决方案
以 .sass 或 .scss 为文件后缀名称（现在一般都是用

关注