如何在更改常见的scss文件时阻止每个页面文件的sass构建

Question

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

page.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文件有错误，因为它试图使用定义的变量和mixin _common.scss及其导入。

是否可以构建我的项目，以便page.scss文件可以使用_common中的所有mixins和变量，但是每次我对每个page.css文件进行更改时都不必重建每个page.css文件常见文件？ ie - 使得sass只在共同进行更改时构建公共文件，并且只在页面中进行更改时才构建页面文件？

Answer 1

我想说这是不可能的，因为目标是在每个页面最后都有一个css。这说如果发生变化，就必须重建。