轻松改进半SASS,半CSS到SASS?

时间:2011-05-04 18:11:31

标签: css sass

我参与了一个通过SASS创建CSS的项目。当时我不熟悉SASS并开始手动更新最后一个输出文件。我的经理已经了解到我没有使用SASS,并坚持要将我所做的一切(很多补充和调整)改为SASS并再次开始使用该项目。

有什么工具可以帮我这么做吗?我想也许生成最后一个文件,看看它和我当前编辑的文件之间的区别,并尝试将这些规则添加到SASS文件,但我不知道任何工具将采取两个文件,并告诉你差异。

由于

5 个答案:

答案 0 :(得分:3)

首先,您需要确定您正在处理的css文件的方式。请注意,嵌套模式下输出将忽略通过//完成的sass的所有注释。如果您获得的css文件处于生产模式,则会删除所有注释并缩小css文件,这对转换很不利。

我建议你备份你正在使用的css文件;然后将sass watch运行到具有config.rb的目录中,该目录将根据原始sass项目重新生成css文件。

之后,抓取这两个文件并使用Diff Tool,如果你不想在本地使用difftool,你可以随时创建一个公共GitHub存储库并放置原始的css文件,然后提交新的一,查看差异。

执行此操作后,您应该进入基于编译选择器的文件,并添加缺少的属性。

通过这种方式,您可以保留评论和原始预期结构。

答案 1 :(得分:2)

在CSS文件上运行sass-convert以生成等效的SASS文件。然后使用原始SASS文件对您创建的SASS文件进行区分。

另外,看看是否有办法在生成的CSS文件的顶部放置一个大的“AUTOGENERATED FILE - DO NOT EDIT”横幅:)

答案 2 :(得分:1)

我个人只是使​​用css2sass或命令行将CSS转换为SASS,学习SASS语法,并开始手动修剪代码(将重复的样式转换为mixins和extends)。完成所有代码需要一些手工劳动,但它会更好,并与现有代码一起工作。

答案 3 :(得分:0)

如果你运行sass style.scss它会将它转换回css并在控制台输出结果(提示) - 你可以从那里复制和粘贴

运行sass --help获取有关如何写入文件的信息

答案 4 :(得分:0)

http://css2sass.heroku.com/

然后切换到scss语法。它好多了。