Question

任何人都可以推荐一些CSS更少，或CSS推荐转换工具？我找到了一些.e.g。 http://css2less.cc/和http://css2sass.herokuapp.com/但我们将非常感谢您对其可靠性（或其他工具的建议）的任何见解。我有一个用于白标签解决方案的大型CSS代码库，这将大大有利于使用CSS预处理器，但手动转换为sass / less是一项艰巨的任务。

提前致谢

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

Answer 1

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

请致电：

sass-convert -F css -T sass original_file.css converted_file.sass

Answer 2

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

只需复制并粘贴即可。

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

Answer 3

此帖子需要为以后的观众列出以下2种在线工具。

首先，我总是通过这个在线工具运行css将其转换为更简洁的速记css http://shrthnd.volume7.io/ - 真的不需要解释，如果你不习惯以这种方式编写你的css，那就让它变得更清晰，更小。

然后，通过此在线工具http://sebastianpontow.de/css2compass/ - 这是一个非常好的工具，用于从您的CSS创建scss文件。它会将所有颜色转换为您喜欢的格式，设置颜色变量和字体变量，总体上只需看看它对您的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秒的修复：）

Answer 4

有点晚了，但最近我找到了这个在线转换工具：

http://css2sass.heroku.com/

虽然它有时会拒绝有效的CSS，但它帮助了我

Answer 5

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

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

#header {
/* ... */
}

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

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

希望它有所帮助！

如果您想验证或查看sass to css的任何内容，您可以尝试使用sass在线网站... Try Sass Online

Answer 6

我必须经常将CSS转换为SASS或LESS（取决于项目）以保持我的代码清洁。这是我使用的工具：http://csstoss.com/

您可以在一个地方将CSS转换为SASS，SCSS或LESS。

希望它有所帮助！

CSS到SASS（或LESS）转换

6 个答案: