如何将 LESS 中的布局转换为 SCSS答案

【问题标题】：How to convert layout in LESS to SCSS如何将 LESS 中的布局转换为 SCSS
【发布时间】：2013-05-10 03:51:28
【问题描述】：

我有一个用 LESS 编码的布局，我需要在 Rails 应用程序中实现它。由于 Rails 直接使用 SCSS，我想使用它而不是 LESS。

有没有什么工具可以帮我把LESS转换成SCSS？

谢谢

【问题讨论】：

【解决方案1】：

我找不到任何转换工具，除了 this，它看起来很旧并且可能无法正常工作。

但是less & scss 的语法非常相似，你可以快速搜索和替换，将@color: #4D926F; 等变量转换为$color: #4D926Fl; 等

这需要一些时间，但没有你想象的那么多。

【讨论】：

唯一的 LESS -> Sass 端口很难通过快速搜索/替换来实现是 mixin 调用，因为类是 LESS 中的 mixin。
另外，在 Sass 中可能有一些更聪明的方法来做事（或者至少有更多你会以不同的方式处理的事情），我想到的一件事是动态设置属性名称（这是不可能的在 LESS 中，在 Sass 中使事情变得更容易）。您也可以忽略此评论，如果您不关心此类做法 - 或者它不适用于您的特定情况 =) 祝您好运！