CSS文件与我的SCSS文件不同步
我刚开始学SASS,有点担心。我在用PyCharm,感觉我的工作流程是先在SCSS文件里写所有的CSS代码,然后再把生成的CSS文件链接到我的HTML文件里。
但是,如果我直接在CSS文件里做了很多修改,那下次当我的SCSS文件被转换时,这些修改会不会被覆盖掉呢?
在PyCharm里,我使用了一个“SCSS”的“文件监视器”,并勾选了“仅跟踪根文件”的设置。所以我不太明白这对我在CSS文件里的修改意味着什么。
我担心最后会出现两个不同版本的文件,或者我可能会丢失一些修改。谢谢你的帮助。
1 个回答
2
是的,你的CSS会被完全覆盖!所以不要这样做!
SCSS文件监视器会把你的SCSS文件编译成CSS,这样你之前做的CSS修改就会被覆盖掉。
SCSS语法相比于旧的SASS语法的好处在于,SCSS包含了CSS的语法(而且增加了很多功能)。
所以你可以在SCSS文件里写普通的CSS语法(当然也可以用SCSS语法)。把你的所有工作都放在SCSS文件里,这样就不会被覆盖了。
更新:
为了回答你评论里的问题,你不能阻止开发者写入CSS文件(除非你写个脚本把文件设置为只读,但这有点hack,容易被绕过)。
我建议你使用SASS的特殊注释语法,这样即使你压缩输出的CSS,注释也会保留在最终的CSS文件里(你应该这样做)。
只需要在注释前加个感叹号,比如:
/*! Please do not edit this CSS file directly. Make changes to the appropriate SASS files and recompile. You have been warned... */