css - 将半 SASS、半 CSS 改造为 SASS 的简单方法？

Question

我接手了一个 CSS 是通过 SASS 创建的元素。当时我不熟悉 SASS 并开始手动更新最后一个输出文件。我的经理了解到我没有使用过 SASS，并坚持要我将所做的一切(大量添加和调整)更改为 SASS，然后在元素中再次使用它。

有什么工具可以帮助我做到这一点吗？我在想也许可以生成最后一个文件并查看该文件与我当前编辑的文件之间的区别并尝试将这些规则添加到 SASS 文件中，但我不知道有任何工具可以使用两个文件并向您展示差异。

谢谢

Answer 1

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

我建议您备份正在使用的 css 文件；然后在config.rb所在目录运行sass watch，这将重新生成基于原始sass元素的css文件。

之后，获取这两个文件并使用 Diff Tool ，如果您不想在本地使用 difftool，您始终可以创建一个公共(public) GitHub 存储库并放置原始 css 文件，然后提交新文件以查看差异。

完成此操作后，您应该根据已编译的选择器进入文件，并添加缺少的属性。

这样你就大功告成了，在某种程度上你可以保留评论和原始预期的结构。