27

任何人都可以推荐一些 CSS to less 或 CSS to sass 转换工具吗？我找到了一些 .eg http://css2less.cc/和http://css2sass.herokuapp.com/，但如果能深入了解它们的可靠性（或其他工具的建议），我们将不胜感激。我有一个用于白标解决方案的大型 CSS 代码库，这将极大地受益于 CSS 预处理器，但手动转换为 sass/less 将是一项艰巨的任务。

提前致谢

编辑：我应该强调我对使用工具（例如上面列出的工具（没有更好的工具））将大型 CSS 代码库转换为使用 CSS 预处理器（例如 SASS 或 LESS）的体验特别感兴趣。或者是否有任何其他方式（除了列出的工具）来实现这一壮举是务实的。你必须克服哪些障碍？它甚至值得尝试吗？或者这样的元语言是否只适合您可以从头开始的新项目？

4

5 回答 5

26

我在http://css2sass.heroku.com/上获得了很好的体验。你也可以在 github 上找到他们的代码库。您还可以通过原始 sass gem 安装的 sass-convert 工具直接转换文件。基本上这就是 css2sass 正在做的事情。

只需致电：

sass-convert -F css -T sass original_file.css converted_file.sass
于 2013-09-06T12:19:53.217 回答
15

SASS 的好处是您不需要将 CSS 转换为 SASS，因为 SASS 是 CSS 的扩展。

只需复制和粘贴，您就可以开始了。

但是，如果您希望将 CSS 重构为结构良好的 SASS 文件，那是我认为工具无法做到的。

于 2012-11-19T12:17:58.777 回答
12

这篇文章需要为任何未来的观众列出以下 2 个在线工具。

首先，我总是通过这个在线工具运行 css 以将其转换为更简洁的 css http://shrthnd.volume7.io/ - 真的不需要解释，如果你不习惯的话，让它变得更干净更小已经那样写你的CSS了。

然后，通过这个在线工具http://sebastianpontow.de/css2compass/ - 这是一个非常好的从你的 css 创建 scss 文件的工具。它将所有颜色转换为您喜欢的格式，设置颜色变量和字体变量，并且通过查看 sass 对您的 css 的作用，总体上让您对 sass 的基础知识有一个很好的了解。

我注意到第二个工具中唯一不太理想的地方是它命名了这样的字体系列$font_0: Open Sans; $font_1: Roboto Condensed; $font_2: arial;，依此类推。我总是发现以实际字体的简短形式命名它们更直观，或者设置与内容相关的 3-5 个名称，例如$font_main, $font_sub, $font_callout, $font_titles或您喜欢的任何名称。但是，当您将其全部粘贴回全新的 scss 文件时，这是一个 30 秒的修复：)

于 2014-10-02T13:35:32.077 回答
4

有点晚了，最近发现了这个在线转换工具：

http://css2sass.heroku.com/

尽管它有时会拒绝有效的 CSS，但它帮助了我

于 2014-09-12T12:44:15.100 回答
0

我现在实际上发现了一些东西：Leafo

它进行基本的格式化，例如：

#header {
/* ... */
}

#header p {
/* ... */
}
to

#header {
/* ... */
p {
/* ... */
}
}

希望能帮助到你！

如果你想验证或任何查看 sass 到 css 的东西，你可以尝试 sass 在线网站... 尝试 Sass 在线

于 2012-11-19T10:43:02.920 回答