我接手了一个使用SASS创建CSS的项目。当时我不熟悉SASS，开始手动更新最后的输出文件。我的经理发现我没有使用SASS，并坚持要求我将我所做的所有内容（包括许多添加和微调）转换为SASS并重新使用该项目。
有没有工具可以帮助我完成这个任务？我想也许可以生成最终文件，查看它与我当前编辑的文件之间的差异，并尝试将这些规则添加到SASS文件中，但我不知道有什么工具可以比较两个文件并显示差异。
谢谢
5个回答
3
首先，您需要确定您正在使用的css文件是什么样子的。请注意，通过
我建议您备份正在使用的css文件；然后在具有
之后，获取两个文件并使用Diff工具，如果您不想在本地使用difftool，您可以创建一个公共GitHub存储库，并放置原始css文件，然后提交新文件以查看差异。
完成此操作后，您应该进入基于已编译选择器的文件，并添加缺少的属性。
这样，您就几乎完成了，以一种可以保留注释和原始结构的方式。
//进行的所有sass注释在嵌套模式下都会被忽略输出。如果您得到的css文件处于生产模式，则所有注释都将被剥离并且css文件将被压缩，这对转换来说是不好的。我建议您备份正在使用的css文件；然后在具有
config.rb的目录中运行sass watch，这将根据原始sass项目重新生成css文件。之后，获取两个文件并使用Diff工具，如果您不想在本地使用difftool，您可以创建一个公共GitHub存储库，并放置原始css文件，然后提交新文件以查看差异。
完成此操作后，您应该进入基于已编译选择器的文件，并添加缺少的属性。
这样，您就几乎完成了，以一种可以保留注释和原始结构的方式。
- MarioRicalde
2
运行sass-convert命令，将CSS文件转换为相应的SASS文件。然后将您创建的SASS文件与原始SASS文件进行比较。
此外，请查看是否有一种方法可以在生成的CSS文件顶部放置一个大型“自动生成的文件-请勿编辑”的横幅标语 :)
- a paid nerd
1
sass-convert是在安装Sass时自带的工具，可以用于将CSS文件转换成Sass或Scss格式。在他们的文档中可以了解更多信息。
就像@kuroir所说的那样，建议保留原始CSS并使用diff命令。 - slowBear
1
我个人会使用css2sass或命令行将CSS转换为SASS，学习SASS语法，并开始手动精简代码（将经常重复的样式等转换为mixin和extends）。需要一些手动劳动来检查所有的代码，但这样做会更好，并且与现有代码兼容。
- Jehan
0
如果你运行sass style.scss，它会将其转换回CSS，并在控制台（提示符）中输出结果 - 你可以从那里复制和粘贴
运行sass --help以获取有关如何将其写入文件的信息
- stephenmurdoch
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接