10

将 LESS 用于 CSS 的最佳方法是什么。

  • 基本上,开发人员应该编写一个 Less 文件,然后将其编译用于生产
  • 我应该链接 LESS 代码和 javascript 文件吗?
  • 或者我应该完全跳过 LESS 溃败而只是重新制作课程

我试图将一些相当草率的 css 整理在一起,并希望在进行重大改进之前控制它。我认为拥有站点范围的变量会非常好,因此对于变量和嵌套而言,Less 似乎是一件好事。

我用 css 渐变和框阴影替换了很多背景图像,所以我也试图摆脱供应商前缀。有时我会看到什么样的类看起来像类重载,但是将很多类附加到一个元素是不好的,例如

<div class="comment dark-shadow round-corners"></div>
4

4 回答 4

10

Less 是一种很棒的样式语言。我广泛使用它,它确实有助于代码的可维护性以及编写样式的速度。

我个人觉得你的样式不应该依赖javascript来渲染,所以我使用less.app将我所有的LESS编译成CSS。我知道我所有的 CSS 都在那里,并且在我把任何东西“活”起来之前它可以正常工作,我会更加平静地休息。

如果您有兴趣,我也一直在编译一个非常有用的 LESS mixin 库:https ://github.com/jdmiller82/-lessins-

于 2011-05-24T02:20:05.903 回答
2

我同意乔纳森的观点,我认为您不应该依赖用户浏览器来呈现样式。

我想出了一个解决方案,它node.js在服务器上使用来拦截请求,styles.css并尝试找到等效.less文件(在本例中styles.less)并解析它并将其作为 CSS 返回。

因此,在您的服务器上,您将拥有styles.less但您可以请求 URLexample.com/styles.css并获取已解析的 LESS 文件。这样,您的应用程序的其余部分就可以无缝集成,并且也不需要用户启用 JavaScript。

您也不必node.js为应用程序的其余部分使用。我在一个 PHP 应用程序中做到了这一点。

你可以在这里阅读我的教程:http: //programming-perils.com/155/parse-less-files-on-the-fly-and-serve-them-as-css/

于 2011-06-09T15:07:57.190 回答
0

我意识到这个答案比上述答案晚了大约两年,但我认为这个问题仍然相关。

我认为有些用例编译一些 LESS 客户端是一个好主意(前提是您不支持 IE 8 或更低版本)并且您有一个验证它的用例。例如,我最近开发的一个应用程序有一个可定制的、可主题化的界面,其中需要根据背景颜色是浅色还是深色来修改文本颜色等,并且最终可能需要支持该功能让用户更改它们并实时查看站点上反映的这些更改。我认为这是客户端 LESS 的一个很好的用例。请注意,只编译了一个小的 LESS 样式表,并且与主题无关的应用程序 LESS 的其余部分被预编译。我还没有看到性能上的明显差异。

因此,当您看到诸如“您不会认真地认为任何体面的开发人员使用较少的客户端吗?”之类的评论时,我会持保留态度。

于 2014-01-10T20:55:34.297 回答
0

将 LESS 用于生产网站的方法是将 LESS 文件编译成 CSS 文件。

对于本地开发,您可以拥有一个文件观察器,为已更改的 LESS 文件重建 CSS 文件。

如果你有多个 CSS 文件要从 LESS 生成,你应该将它们分开。

例如,如果您的文件少了 30 个,并且它们生成了两个 CSS 文件 a.css 和 b.css,那么您将希望将这两个作业分开,以便您可以更快地编译。开发速度更快,因为只有在更改任何影响它的 LESS 文件时才会编译 a.css。

于 2015-07-08T16:49:16.267 回答