【问题标题】:What are the equivalents in Sass and LESS of these features? [closed]这些功能在 Sass 和 LESS 中的等价物是什么? [关闭]
【发布时间】:2012-01-17 18:50:19
【问题描述】:

我是 LESS 用户,但我正在考虑试用 Sass。他们每个人都有一件我觉得很有吸引力的大事,我想知道这两个框架是否有等价物(包括第三方程序)

使用 Sass (AFAIU) 的原因:

  • Sass 可以设置自动编译成 CSS 文件,省去手动编译的需要
    • 使用 LESS,最接近的是使用 SimpLESS,但这仍然是手动步骤

使用 LESS 的原因:

  • LESS 元素 - 一组常用的 mixin(例如圆角、盒子阴影等)
    • 如果没有的话,可以在 Sass 中制作类似的东西,但我想知道它是否已经完成

【问题讨论】:

  • 有一个名为 Compass compass-style.org 的 SASS 元框架,它包含的不仅仅是 LESS 元素

标签: sass less


【解决方案1】:

有几件事可以消除您的疑虑:

  • 使用 LessCSS,您可以在页面上包含一个 .js 文件,该文件不需要任何其他手动步骤。这比任何其他方法都简单得多,我猜您可能不知道。
  • Mac 版的 Less.app 效果很好,对我来说,启动该应用程序比在终端中键入“sass --watch etc”要好。 Less.app 会在每次保存文件时编译您的 .less 文件,以及在主样式表中引用的那些文件(SimpLESS 应用程序似乎没有在文件保存时编译的选项)。
  • 我在原型/项目中使用 Twitter 的 Bootstrap“CSS 库/框架”,这非常棒,而且代码是用 .less 格式编写的。对我来说,这是我不会切换回 Sass 的原因(使用了一段时间)。查看http://twitter.github.com/bootstrap/

Compass 看起来不错,据我所见,它提供的正是 Bootstrap 提供的功能,可能以更结构化的方式提供 - 但我没有看到默认情况下它可以提供什么的演示,所以我看不到自己在使用它很快就会。此外,7 美元的应用程序.. 抱歉,通过 Less.app 免费获得。

【讨论】:

  • 我知道 LESS 可以只包含在内,但我发现在页面加载(预缓存)期间有一点等待,所有元素都没有样式,然后是样式添加(简短,但引人注目)。此外,.less 样式表没有被缩小,并且有时间花在实际运行 LESS 脚本上。 Compass 没有演示是让我有点远离它的原因。但我确实听到了关于它的好消息。我还没有听说过 Bootstrap,所以我一定会去看看。谢谢!
  • 是的,有些人在使用 less 时不想依赖 .js.. 但是为什么不使用 Less.app(或 SimpLESS)并在那里缩小呢?
  • 这就是我现在正在做的事情(SimpLESS)。不要误会我的意思,这太棒了。我刚刚听说使用 Sass,您可以将其设置为在保存时自动将 .less 编译为 .css 文件。使用 SimpLESS,您必须使用 alt-tab 并按编译。这并不严重,但如果它可以自动化,那只会让事情变得更好。
  • 这就是为什么我首先提到它来“强调”使用 Less.app - 它会在每个文件保存时编译(即使是那些导入到主文件中的文件,链式导入也会触发编译,太棒了),而且它是一个真正的节省时间 :) 我直到几分钟前才尝试过 SimpLESS,我可以看到它无法交付。只有 Less.app!
  • AFAIK Mac only :(。但是我只是偶然发现了 WinLess(winless.org),它看起来解决了自动编译问题
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-12-16
  • 2020-09-28
  • 2013-04-07
  • 1970-01-01
  • 2016-07-04
  • 2012-09-06
  • 1970-01-01
相关资源
最近更新 更多