文档如何引用SCSS文件？

Question

请原谅我对Sass缺乏经验和缺乏了解。

基本上我被指派在一个有主要css页面和几个scss子页面的网站上做一些编辑，所有这些都是通过ftp目录组织的。

我只是想知道索引如何知道在ftp目录中拉出scss页面的位置？我查看了索引页面的代码，以及链接的css和js页面，并且找不到任何引用scss页面的部分。然而，它们仍然在原始的CSS中加载？我错过了什么吗？

感谢您的澄清。

Answer 1

SCSS是一种预处理语言。这意味着它将转换为CSS。 SCSS文件不会被网站加载。相反，您必须对SCSS文件进行更改，然后将它们转换为CSS。很可能有一个系统可以为您处理。仔细看看是否有gulpfile或gruntfile在某个地方闲逛。

main.scss文件被编译到main.css文件中。 sass编译器生成的输出将替换main.css文件。没有链接。您需要使用sass编译main.scss文件。

除此之外，你使用'CSS file'而不是'CSS page'，因为CSS是级联样式表的首字母缩写，它本身绝对不是页面。

Answer 2

Web浏览器不知道SCSS或SASS文件是什么。他们只加载CSS。

您的网站可以使用构建工具（grunt，gulp，rake等）将您的.scss源文件编译为.css个文件，这是然后发布到您的网站。

有时您的应用程序服务器会知道如何动态执行翻译，您只需编辑.scss文件即可。

很多时候很多.scss个文件会合并到一个.css文件中，所以当你查看.css是什么时，你经常会编辑一个不同的文件。加载浏览器。