sass less stylus 哪个前景好？

[wukong1024]

sass less stylus 哪个前景好？前端更新太快了，麻烦推荐一个目前最值得学习的 css 预处理器。

补充一下：
最后听了 @yyfearth 建议，选了 sass 。
1. 个人是在努力做全栈的，有 python 环境，也有梯子。
2. 安装 node-sass 确认存在问题，查了资料也解决问题了，使用 npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ 。
3. 直接安装 sass-loader 版本存在问题，好像是版本过高，没搞懂。。最终 sass-loader@7 也解决问题了。
4. 个人在小公司独立做开发，在做的网站是用 webpack 打包的，也是边学边做，面向 google 编程。
5. 谢谢各位的指教， 学到了很多。

[wukong1024]

补充：目前主要在用 vue 做项目

[Jirajine]

不需要预处理器，直接用 atomic css，tailwind 比较好

[drydiy]

我投 postcss 一票

[agdhole]

stylus 不考虑了

[SxqSachin]

tailwind +1

[yyfearth]

如果仅仅考虑 sass less stylus 里面挑一种 建议 sass(scss)
最成熟 而且用的人也多

less 出现的时候 比 sass 的主要优势就是 less 是 js 实现的 所以对 nodejs 比较友好 而 sass 之前是 ruby 实现的
但是现在 sass 核心使用 c/c++实现的 node 的支持也没问题了 所以 less 比 sass 的优势就没那么明显了 功能上和成熟度还不如 sass
很多流行的框架 都有 sass 源码 但 less 的比较少 用 sass 比较方便扩展和定制
(stylus 基本上不考虑了)

除此之外 postcss 也是可以的 可以单独用或者作为 sass 的补充也不错

除开这几个预处理器 还有一些 css-in-js 的实现 可以了解一下
可能灵活度会更好 而且对 component 组件化更加友好一些
但是功能和成熟度要差一些 而且选择也是眼花缭乱

[huiyifyj]

sass

[shyling]

sass 还没一统江湖吗。。。楼主这个问题我实习时就在想，现在几年过去了

[falcon05]

sass 吧 ，照目前看来

[Pyrex23]

scss 吧

[kaikai5601]

不懂这些有什么区别？ 我都拿来用的，非前端

[wukong1024]

@yyfearth 谢谢大神的耐心回复，确定使用 sass 了。

[gouflv]

用过的几个组件库都是用 less，可能是比较轻量

[liyang5945]

sass +1，主要是不用打括号和分号，用过 scss 发现嵌套太恶心了

[Ritr]

sass 在 win 下不友好，如果不用 windows 还是非常不错的

[xinple]

用 less 开发过项目，感觉不错。体验过 sass 但实际项目没使用。最后选择了 postcss 感觉很够用了，已经好几个项目都用了。

[yyfearth]

@Ritr 为什么不友好呢 如果说 ruby 版的确实 但现在都是 c 版的了 node-sass 应该在 win 下没啥大问题

[azcvcza]

less 吧，公司内网装 sass 总会整出各种各样奇怪的问题，还没发绕过安全限制去整。
如果不是活太多，我还是喜欢写原生

[murmur]

less，s*ss 装要么得科学上网，要么得装 c++编译器

[wszgrcy]

sass(scss)

[qianyin925]

sass 而且建议使用 dart-sass 替代 node-sass

[king888]

stylus 不考虑了+1
sass 而且建议使用 dart-sass 替代 node-sass +1

[alphardex]

必须我大 scss

[TimPeake]

对我来说这玩意儿只要能嵌套、变量就 Ok

[Ritr]

@yyfearth sass 要装个 Python 的环境，还得科学上网有点麻烦

[zywz999]

其实我觉得没啥差别

[en20]

stylus 用缩进处理层级嵌套太恶心了，复制粘贴导致上下大片代码错乱。还有就是每次回车换行光标都很迷

[yyfearth]

@Ritr 你说的是 gyp 把
那个你只要配置一次就好了 而且任何二进制模块编译都需要 我大部分项目都有二进制模块所以就还好
不太记得 win 下是否有预编译好的模块下载 如果有的话就不用本地编译了

这个等什么时候 node 稳定支持 wasm 应该就可以彻底解决这个问题了把

不过 @king888 真的提供了一个很好的选择 https://www.npmjs.com/package/sass
这个实际上已经算是 js 版本了 不需要编译 就可以用了 就是稍微慢一些

[huai]

楼上真的前端吗？ sass 安装各种问题，劝退。less 满足了大多数日常需要

[ynohoahc]

顶楼上 sass 确实很好 但是现实情况是 sass 的 node-sass 模块在安装倚赖的时候很有可能会出幺蛾子 需要科学上网才行(如果有人说连科学上网都不会就不要开发了那请忽视), 会让那些想 git clone 然后安装依赖直接跑项目的人十分沮丧

[redbuck]

less 安装方便,但功能有点弱.

函数不支持 return 你敢信.

插件也很弱,文档都找不到,github 也没有示例.

如果只是基本的嵌套,变量,轻量的混合,循环,就 less,轻量.重度用就免了.

stylus 我没听过它哪里不好啊,node 社区出的,scss 是 node 出来之前其他语言的社区产品,所以才那么多安装问题.

[okampfer]

为什么你们都在推荐 sass 呢？安装 node-sass 没梯子的话，下载二进制文件出错就会尝试从源码编译，编译有需要 python 环境，每个项目都这样来一下真的超麻烦啊！！！！！有时候晚上网络拥堵即使挂了梯子还是下载不了二进制文件……你们不觉得这是在浪费时间吗？！用国内的 npm 镜像安装 less 要方便的多啊！

好，你们说可以用 dart-sass，然而，即使我用它，或者干脆我的项目源码不依赖 node-sass，但是项目的依赖项会依赖 node-sass 啊（比如 uni-app ）！该死的依赖传递！

因此我强烈推荐 less 。而且平时做的项目用的 UI library，ant-design 系（面向企业客户尤其用的多）、rsuite 都是用的 less 。

[wa143825]

我是忠实的 stylus 粉丝，不明白哪里不好，可能都是小项目

[toma77]

scss + css modules

[echol]

可以用 dark-sass 代替 node-sass

[TsubasaHanekaw]

sasss 就是需要单独设置镜像站点而已 ,然后就不用代理了
npm i -g nrm &
nrm use taobao &
npm config set disturl https://npm.taobao.org/mirrors/node/ &
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ &

[sunwang]

我都是 ui 框架用哪个我就用哪个，例如：element => sass ant-design => less

[lin07hui]

stylus 真香