我参与了一个通过SASS创建CSS的项目。当时我不熟悉SASS并开始手动更新最后一个输出文件。我的经理已经了解到我没有使用SASS,并坚持要将我所做的一切(很多补充和调整)改为SASS并再次开始使用该项目。
有什么工具可以帮我这么做吗?我想也许生成最后一个文件,看看它和我当前编辑的文件之间的区别,并尝试将这些规则添加到SASS文件,但我不知道任何工具将采取两个文件,并告诉你差异。
由于
答案 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)
然后切换到scss语法。它好多了。