如何使scss文件工作？

Question

我有一个CSS文件，并在其中添加了一些CSS代码，并将该文件的扩展名更改为.scss。当我刷新链接scss的index.html文件时，浏览器显示了纯HTML。有什么问题？ 我知道这听起来像是一个愚蠢的问题，但这是我无法经常回答的问题类型。这就像一个诅咒。 请帮忙。

Answer 1

您无法直接从html页面链接到scss文件。浏览器不理解sass / scss。您需要对其进行预处理到css文件中。 （就像源代码→编译器语言中的二进制文件一样。）

从命令行使用sass command，或者–更方便地–使用build/watch-system like gulp…

Answer 2

您的scss代码需要编译。有很多方法可以编译您的scss代码，您可以直接通过以下方式使用编译器： command line或使用其他方法，例如，我在Codepen.io上编写我的scss代码，完成后，我将其导出为ZIP并获得了CSS代码。