有没有一种方法可以将两个CSS文件减少为一个包含唯一选择器的文件?

有没有一种方法可以将两个CSS文件减少为一个包含唯一选择器的文件?,css,sass,Css,Sass,我有一个很大的CSS文件,它是从Sass编译而来的。我有一些原始的Sass文件,但看源代码图,并不是所有的 我能够将我的Sass编译成CSS,但是当然有些样式规则缺失了 我如何才能将这两个文件简化为只有原始文件才有的规则?我希望能够做到这一点,这样我就可以将CSS与我手头的源Sass结合起来,以加快未来的开发。根据您的输入,您应该执行以下“反向工程”: 1) 比较您在diff程序中的CSS文件,例如diffchecker.com(让我们称您的文件为:file1.CSS和file2.CSS) 2)

我有一个很大的CSS文件,它是从Sass编译而来的。我有一些原始的Sass文件,但看源代码图,并不是所有的

我能够将我的Sass编译成CSS,但是当然有些样式规则缺失了


我如何才能将这两个文件简化为只有原始文件才有的规则?我希望能够做到这一点,这样我就可以将CSS与我手头的源Sass结合起来,以加快未来的开发。

根据您的输入,您应该执行以下“反向工程”:

1) 比较您在diff程序中的CSS文件,例如diffchecker.com(让我们称您的文件为:file1.CSS和file2.CSS)

2) diff程序将用颜色标记重复区域

3) 决定更新哪个文件并删除该文件中的重复项


注意!。只有在CSS文件中存在重复的文本块时,此方法才能解决此问题。它无法解决“清理和改进”问题,例如,如果您发布了“重复”信息。

我会这样做:

  • 通过将扩展名更改为
    .scss
  • 如果原始CSS是小型化的,那么使用类似于获取可读代码的东西
  • 将其命名为
    legacy
    ,然后首先在主Sass文件中导入
  • 在构建过程中使用以消除重复样式(确保插件已启用)
可选:仅为生产构建启用重复数据消除,因为它会减慢CSS生成

缺点:

  • 如果在Sass Duplicate中更改现有类的属性与旧类不匹配,并且您最终会得到几乎重复的属性-为了防止这种情况,我将手动进入
    legacy
    ,在Sass partials中更改旧类时删除它们

您有一个由一组SASS文件构建的CSS。您有一些但不是所有SASS文件。你提到“这两个文件”。请你澄清一下。原始完整的CSS文件,以及我可以从我不完整的Sass编译的CSS文件。