【问题标题】:How to convert Less to Scss?如何将Less转换为Scss?
【发布时间】:2014-12-18 19:03:53
【问题描述】:

我必须使用转换器,但它非常有限。

http://hallotheme.com/less2scss

知道如何更好地从 LESS 转换为 SCSS 吗?

【问题讨论】:

  • 取决于您要转换的内容。但我认为限制是由于 LESS 不像 SASS 那样繁重的编程。我没有仔细查看您正在使用的工具。让我知道它在哪里失败或您尝试转换什么...
  • 根据 Firefox,您在问题中发布的那个 url 是一个已知的“攻击页面”,您可能不应该使用它。您可以通过将 @'s 转换为 $'s 并以 SCSS 格式编写您的 LESS mixin 来手动将 LESS 转换为 SCSS,并随时修复任何 SCSS 错误(随时编译以获取错误)。

标签: sass less


【解决方案1】:

您可以尝试使用部分 Bootstraps 转换器来创建您自己的: https://github.com/twbs/bootstrap-sass/blob/master/tasks/converter/less_conversion.rb

但在大多数情况下,您总是需要手动进行一些清理工作。

【讨论】:

  • 感谢您的回答!怎么用?
  • 恐怕你必须把你自己的自定义转换器放在一起,但你可以从引导转换器中挑选重要的部分。如果您不了解 Ruby,可能会很难。
【解决方案2】:

这工作正常:

https://www.npmjs.com/package/less-scss-convertor

npm install -g less-scss-convertor
less-scss-convertor src\less

创建 src\less\scss

【讨论】:

  • 很高兴看到这个 :) 很高兴看到人们使用我的包 :)
【解决方案3】:

less2sass 转换器非常好并且维护https://www.npmjs.com/package/less2sass

安装它(你的系统上需要https://nodejs.org/en/

npm install -g less2sass

安装后,您可以简单地运行

less2sass <path_to_less_file_or_directory>

【讨论】:

  • 我正在尝试安装它,但出现错误 E404 Not found。我已经在我的 Windows 上安装了最新的 node js V11.9.0。任何想法 ?谢谢!
  • 请注意,-g 选项是--global => 全局安装,而不是本地安装,如果你想安装在你的项目内部,删除它,如果你想全局安装,你可以需要使用sudo
【解决方案4】:

这个在线选项似乎运作良好。粘贴到整个文件中进行转换。

https://less2scss.awk5.com

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-05-10
    • 2017-11-29
    • 2017-05-26
    • 2015-02-12
    • 1970-01-01
    • 2019-05-17
    • 2017-02-07
    相关资源
    最近更新 更多