编译sass或scss文件的一部分

1. 将main.scss拆分为多个文件。例如scaffolding.scss、nav.scss、button.scss等。

2. 创建index.scss、about.scss和list.scss。在每个文件中导入scaffolding.scss、nav.css和特定页面所需的其他文件

实例

脚手架:

.container {
    width: 100%;
}

导航.scss:

nav {
    color: pink;
}

按钮.scss:

input[type=button] {
    width: 2em;
}

索引scss:

@import "scaffolding";
@import "nav";

关于.scss:

@进口“脚手架”;
@导入“nav”;

列表.scss:

@import "scaffolding";
@import "button";

如果您关心性能,将所有css放在一个文件中仍然是一个不错的选择,因为它只会在第一次下载,下次从缓存加载时才会下载。