新项目,用啥 CSS 预处理器?

2019-10-11 09:18:21 +08:00
 ye22st

如题,看到现在有 sass,less,scss,stylus 这么多,选择哪一个比较好?请各位大佬给点建议。

8004 次点击
所在节点    CSS
49 条回复
yanqing07
2019-10-11 11:18:37 +08:00
同意楼上,sass scss 都费劲。如果你要在 windows 下开发,还要安装各种库才能编译。能选的话最好简单点,less 吧
fengbjhqs
2019-10-11 11:33:38 +08:00
sass,用阿里镜像速度还不错,
undermoodzyx
2019-10-11 11:35:05 +08:00
scss,建议嵌套不要超过三层
justrand
2019-10-11 13:38:15 +08:00
建议 sass,现在确实还有人用 less 但是如果我从 2019 年开始的话,我就不会用它了。另外想再深入的话,在看完 sass 后看下 postCSS
TangMonk
2019-10-11 14:01:29 +08:00
sass
ccyu220
2019-10-11 14:02:57 +08:00
@justrand 只是一个预处理器,我不太懂用 less 和现在是 2019 有什么关联,你可能没有体会过 node-sass 是不是安装不上的无赖,显然是哪个方便用哪个。
phpcxy
2019-10-11 14:24:08 +08:00
node-sass 挺难受的
Junh
2019-10-11 14:26:56 +08:00
scss
justrand
2019-10-11 14:27:04 +08:00
@ccyu220
对啊,你觉得方便你用 less 就行
ps:我只是给了一个我的建议并不是强制,所以我用了如果从我的角度的话。。。
稍微列出几点
1、Sass 也是成熟的 CSS 预处理器之一,而且有一个稳定,强大的团队在维护
2、Sass 对于我来说参考的教程多
3、Sass 有一些成熟稳定的框架,特别是 Compass,新秀还有 Foundation 之类,另外像 bootstrap4 这种已经抛弃 less 缓存 sass 了
4、还有一个原因是国外讨论 Sass 的同行要多于 LESS
当然上面都是我的观点,你如果因为 node-sass 或者 ruby 环境安装问题觉得麻烦,当我没说
TangMonk
2019-10-11 14:27:59 +08:00
@justrand #29 Compass 已经不维护了
ccyu220
2019-10-11 14:48:37 +08:00
@justrand 做开发的会没有 ruby 和 Node 坏境? windows 下 node-sass 各种莫名其妙的错没体会过?那说明你 cil 生成的项目少了。为什么前端很多选择流程从 less , sass, stylus 又变回了 less,预处理本来就不是重要的部分,而是简便,协作的时候方便,马上就能使用。
jinboker
2019-10-11 15:07:59 +08:00
@justrand 跑 CI 的时候为 node-sass 被墙蛋疼了无数次,因为一些原因又不能换源,最后统一换成 less,天下太平

说实话可能是我这儿样式不复杂,你举的那堆例子真没啥吸引人的地方,一个样式预处理我是写不出花来,但 node-sass 带来的问题真是实打实
Mark0309
2019-10-11 15:14:00 +08:00
stylus 个人觉得不错 !
ye22st
2019-10-11 15:15:59 +08:00
谢谢各位大佬。我现在开发机是自己买的 Mac。那我先用 scss 试试吧。
justrand
2019-10-11 15:25:21 +08:00
@ccyu220
@jinboker
好吧,确实没有体验过你们那种痛苦,如果大家都有这个问题那就是我幸存者偏差吧,见笑了。。。。
我角度推荐我是觉得用起来不错所以推荐的
Mithril
2019-10-11 15:30:50 +08:00
@justrand SCSS 个人感觉用起来确实舒服一些。
不过我也负责维护 CI 工具链,那个 node-sass 坑到我宁可用 LESS 也不愿意用写起来更舒服的 SCSS。
Junn
2019-10-11 15:41:04 +08:00
scss
guweimo
2019-10-11 15:42:14 +08:00
@Mithril 可以用 dart-sass 代替 node-sass 了。
jinwyp
2019-10-11 16:09:16 +08:00
SCSS 资源多
toma77
2019-10-11 16:49:39 +08:00
scss

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/608089

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX