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

So to start off, let me introduce myself as a complete beginner. I want to get startet with scss, but I'm confused about how it works in regards to my css file. After having set of sass, and compiled my css to sass, should I then link my html to the sass file instead of to the css? And would I then delete my css file from the FTP and instead upload the sass file?

首先，让我把自己介绍为一个完全的初学者。我想用scss得到startet，但我对它如何处理css文件感到困惑。在设置了sass之后，将我的css编译成sass，我是否应该将我的html链接到sass文件而不是css?然后我会从FTP删除我的css文件，然后上传sass文件吗?

Thanks, Jonas the newbie.

谢谢你,乔纳斯的新手。

2 个解决方案

#1

scss or sass files are an improved syntax to write CSS, but remember that browsers can only understand CSS files. You can write a file with the sass or scss syntax, then compile it to a css file, and link this css file in your html file. So no, you will never upload anything else than the css file to your FTP.

scss或sass文件是编写CSS的一种改进的语法，但是请记住浏览器只能理解CSS文件。您可以使用sass或scss语法编写一个文件，然后将其编译成css文件，并将这个css文件链接到html文件中。所以不，你将不会上传任何东西，除了css文件到你的FTP。

#2

Nope. Scss file is just for you to write code in more convenient style. You should link html to main css file. And put on server only css file.

不。Scss文件只是为了让您编写更方便的代码。您应该将html链接到主css文件。并在服务器上设置css文件。

Good practice is break scss in small pieces and import to one scss file, which is transpiled to css.

好的做法是将scss拆分为小块，并导入到一个scss文件中，该文件被转换为css。

F. ex. my main.scss file (transpiling to main.css linked to html site) looks like this:

例如我的主要。scss文件(转换为main)。css链接到html网站)如下:

// 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';
....

This is the biggest asset of scss.

这是scss最大的资产。

#1

#2