与 css 相比如何使用 sass (scss)答案

【问题标题】：How to use sass (scss) compared to css与 css 相比如何使用 sass (scss)
【发布时间】：2017-05-08 00:18:55
【问题描述】：

首先，让我介绍一下自己是一个完整的初学者。我想开始使用 scss，但我对它在我的 css 文件方面的工作方式感到困惑。在设置了 sass 并将我的 css 编译为 sass 之后，我应该将我的 html 链接到 sass 文件而不是 css 吗？然后我会从 FTP 中删除我的 css 文件并上传 sass 文件吗？

谢谢，新手乔纳斯。

【问题讨论】：

标签： html css sass

【解决方案1】：

scss 或 sass 文件是编写 CSS 的改进语法，但请记住，浏览器只能理解 CSS 文件。您可以使用 sass 或 scss 语法编写文件，然后将其编译为 css 文件，并将此 css 文件链接到您的 html 文件中。所以不，除了 css 文件之外，您永远不会将其他任何内容上传到您的 FTP。

【讨论】：

【解决方案2】：

不。 Scss 文件只是为了让您以更方便的方式编写代码。您应该将 html 链接到主 css 文件。并放入服务器唯一的 css 文件。

好的做法是将scss分成小块并导入到一个scss文件中，然后将其转译为css。

F。前任。我的 main.scss 文件（转译为链接到 html 站点的 main.css）如下所示：

// Layout
@import '_layout/_navbar';
@import '_layout/_main';
@import '_layout/_footer';
@import '_layout/_header';
@import '_layout/_blog';
@import '_layout/_aside';

// Components (you can replace the below ones to bootstrap or other framework's files just with components)
@import '_components/_blockquote';
....

这是scss最大的资产。

【讨论】：