CSS到SASS(或LESS)转换

Question

CSS到SASS(或LESS)转换

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

提前致谢

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

Answer 1

bju*_*nix 26

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

只需致电:

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

Run Code Online (Sandbox Code Playgroud)

Answer 2

Cla*_*Pan 15

SASS的好处是你不需要将CSS转换为SASS,因为SASS是CSS的扩展.

简单地复制和粘贴,你很高兴.

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

看起来有一个sass gem附带的可执行文件sass-convert,与我的问题中提到的其他工具大致相同.除了嵌套公共前缀之外,看起来你是正确的,因为没有一个工具可以将css重构为结构良好的SASS(所以将你的答案标记为正确).在那之后,低挂果实,如多余颜色,宽度,填充等变量是一个很好的起点.然后,当我把所有的东西都钉下来时,我可以添加一些Mixins!干杯 (3认同)
我可以推荐[此工具](http://csscomb.com/)纯粹用于视觉格式化,虽然它对结构没有太大作用. (2认同)

Answer 3

小智 10

这篇文章需要为以后的观众列出以下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秒的修复:)

归档时间：	12 年，11 月前
查看次数：	36102 次
最近记录：	8 年，2 月前