如何将Less转换为Scss？

Question

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

http://hallotheme.com/less2scss

有什么更好的方法从LESS转换到SCSS吗？

- HalloTheme

---

取决于您想要转换的内容。但我认为限制是由于LESS不像SASS那样编程密集。我没有仔细查看您正在使用的工具。请告诉我它在哪里失败或您尝试转换什么... - Georg Keferböck

你在问题中发布的那个URL是Firefox中已知的“攻击页面”，你可能不应该使用它。你可以通过将@转换为$并以SCSS格式编写你的LESS mixins来手动将LESS转换为SCSS，并在进行编译时逐步修复任何SCSS错误（边编译边修复错误）。 - Nathaniel Flick

Answer 1

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

安装它(您需要在系统上安装https://nodejs.org/en/)

npm install -g less2sass

一旦安装好，您只需运行即可。

less2sass <path_to_less_file_or_directory>

- gagarine

---

我正在尝试安装它，但出现错误 E404 找不到。我在我的 Windows 上安装了最新的 Node.js V11.9.0。有什么想法吗？谢谢！ - Parashuram

请注意，-g选项是--global => 如果要全局安装，请使用它，如果要仅在项目内安装，请删除它，如果要全局安装，则可能需要使用sudo。 - jave.web

Answer 2

这个还算可以用：

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

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

创建 src\less\scss

- pscheit

---

很高兴看到这个 :) 喜欢看到人们使用我的包 :) - Tarun

Answer 3

这个在线选项似乎很不错。只需粘贴整个文件即可进行转换。 https://less2scss.awk5.com

- Glen Little

Answer 4

我最推荐的是这个工具： https://github.com/debba/less2scss

npm install less2scss --global
less2scss -s ./less_folder  -d ./scss_folder -r -e 'node_modules,vendor'

我刚试了一下，好像不需要对转换后的文件做任何更改。你可以排除某些文件夹，它可以递归地进行操作，并可以定义目标文件夹。非常喜欢这种功能。

- Guido

Answer 5

你可以尝试使用Bootstrap转换器的部分内容来创建自己的转换器： https://github.com/twbs/bootstrap-sass/blob/master/tasks/converter/less_conversion.rb 但是在大多数情况下，你仍然需要手动进行一些清理工作。

- am_

---

谢谢回答！如何使用它？ - HalloTheme

很抱歉，您必须自己组合定制转换器，但是您可以从引导转换器中选择重要部分。如果您不了解Ruby，这可能会很困难。 - am_