python - CSS 文件与我的 SCSS 文件不同步

Question

我是 SASS 新手，我有一个顾虑。我正在使用 PyCharm，我使用 SASS 编写 CSS 的工作流程似乎是在 SCSS 文件中完成我的所有工作，然后链接到它为我的 HTML 文件生成的转换后的 CSS 文件。

但是如果我直接在 CSS 文件中进行大量更改会怎样？下次我的 SCSS 文件被转译时，这些更改会被破坏吗？

在 PyCharm 中，我使用“SCSS”“File Watcher”并选中了“Track only root files”设置。所以我不确定这对我的 CSS 更改意味着什么。

我担心我最终会得到两个不同的版本文件，或者我可能会丢失更改。感谢您的帮助。

Answer 1

是的，您的 CSS 将被完全覆盖!所以不要这样做!

SCSS File Watcher 将您的 SCSS 编译成 CSS，并将覆盖您所做的任何 CSS 更改。

与旧的 SASS 语法相比，SCSS 语法的优势在于 SCSS 封装了 CSS 语法(并添加了更多功能)。

因此您可以将常规 CSS 语法放入 SCSS 文件中(显然您也可以使用 SCSS 语法)。将您的所有工作放入 SCSS 文件中，您将不会有任何内容被覆盖。

更新:

要在评论中回答您的问题，您不能阻止开发人员写入 css 文件(除了可能编写脚本将文件更改为只读，但这是一种 hackey 并且很容易被覆盖)。

我可能建议您使用 SASS 的大声注释语法，这将使注释保留在最终的 css 文件中，即使您压缩输出 css(您应该这样做)也是如此。

只需在评论开头加上感叹号，例如:

/*! Please do not edit this CSS file directly.  Make changes to the appropriate SASS files and recompile.  You have been warned... */