css - 仅更改通用 scss 文件时如何防止每个页面文件的 sass 构建

Question

我有一个 _common.scss 文件，我将其导入各种 page.scss 文件:

页面.scss:

@import "common";

#page {
 ...
}

_common.scss:

@import "partials/all";
@import "components/all";
...

但问题是，由于我的所有页面都导入了 _common.scss，按照我的结构化方式，如果我在 _common.scss(或它导入的任何文件)中进行任何更改，sass 必须重建所有页面CSS 文件。但是，如果我只是将 _common.scss 设为自己的文件并使用 <link> 调用它标记 ( <link href="common.css"> )，然后 page.scss 文件有错误，因为它试图使用 _common.scss 及其导入中定义的变量和混合。

是否可以构建我的元素，以便 page.scss 文件可以使用 _common 中的所有混合宏和变量，但这样 sass 就不必在每次更改时都重建每个 page.css 文件普通文件？即 - 使 sass 仅在通用更改时构建通用文件，并且仅在页面中进行更改时构建页面文件？

Answer 1

我会说这是不可能的，因为目标是在末尾为每个页面提供一个 css。这表示如果有共同点发生变化，则必须重建。