如何在git中处理scss和css？

Question

我对scss和css非常陌生，请多包涵。我做了一些研究，但是发现了一些相互矛盾的信息。

我的项目有两位自由职业者在工作。这两位自由职业者都对以下内容进行更改：

style.css
style.css.map
style.scss

每次合并他们的工作，我就会破坏前端。如何在不破坏一切的情况下合并他们的工作？

我在网上读到这些文件不应该包含在GIT中？我还应该使用GULP或LESS吗？显然，在提交之前应该编译合并的代码？对于这个问题感到非常困惑。

我该怎么处理这些文件？

- Boosted_d16

---

styles.css和styles.css.map是生成的代码，不应该直接编辑它们，也不应该包含在版本控制中。styles.scss是您想要跟踪的规范版本。 - jonrsharpe

在这种情况下，我应该合并后重新编译styles.scss吗？ - Boosted_d16

这应该是您的构建过程的一部分，与部署之前进行的任何其他捆绑/缩小/生产化一起。 - jonrsharpe

Answer 1

.css文件是由.scss文件生成的。你的开发人员应该只在.scss文件上提交代码。在大多数情况下，.css文件根本不会被添加到代码库中。并且你不应该直接修改.css文件，因为它将在下一次编译.scss文件时被替换掉。

GULP只是将.scss文件编译成.css文件的工具。基本上，当使用GULP时，你可以创建一些函数，其中你可以指定输入位置（.scss）、输出位置（.css）和其他规则等。

还有其他工具也可以做到这一点。像Koala、Webpack等。

- NicuVlad

---

确保他们记得更改 .scss 而不是 .css 的一个好方法是确保 SCSS 导出紧凑的输出。这在选项中。它使得显然它不是要编辑的文件（除非你是 masochist），并且还可以使您的文件下载速度更快。 - Mig R

Answer 2

您最好不要将生成的文件存储在git中。在这种情况下，生成的文件将是compass生成的.css和.css.map文件（我假设您使用compass因为有相关标签）。您应该将.scss文件存储在源代码控制中，并在以后将其编译为.css。

如果自由职业者直接手动更改.css文件，则应知道每次重新编译时这些更改都将丢失。

- user10186512

---

谢谢解释！ - Boosted_d16