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

Question

我是SASS newb，我有一个问题。我正在使用PyCharm，似乎我使用SASS编写CSS的工作流程是在SCSS文件中完成所有工作，然后链接到为HTML文件生成的已编译的CSS文件。

但是如果我直接在CSS文件中进行很多更改会发生什么？下次我的SCSS文件被转换后，这些更改是否会被破坏？

在PyCharm中，我使用了＆＃34; SCSS＆＃34; ＆＃34; File Watcher＆＃34;使用＆＃34;仅跟踪根文件＆＃34;设置已选中。所以我不确定这对我的CSS更改意味着什么。

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

Answer 1

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

SCSS文件监视器将您的SCSS编译为CSS，并将覆盖您所做的任何CSS更改。

SCSS语法与旧SASS语法的好处是SCSS封装了CSS语法（并添加了更多功能）。

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

<强>更新

要在评论中回答您的问题，您无法阻止开发人员写入css文件（除非编写脚本以将文件更改为只读，但这样的hackey并且很容易被覆盖）。

我的建议是你使用SASS＆＃39;响亮的注释语法，即使你压缩输出css（你应该这样做），也会在最终的css文件中保留注释。

只需在评论的开头加上感叹号，如：

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