SCSS-将通用模块提取到单独的文件中

Question

在我网站的每个页面中，我都有2个CSS文件

1. common.scss -包含布局样式（页眉，页脚等）

/* common.scss */
@import "../simple-button.scss";
@import "../blue-button.scss";

/* layout styles here... */

1. [页面名称] .scss -包含专门针对当前页面的样式

/* post-page.scss */
@import "../simple-button.scss";

/* page styles goes here... */

如您所见，“ simple-button.scss”被导入common.scss和post-page.scss中。

是否有工具检测到“ simple-button.scss”已在common.scsss中导入并且不会将其导入post-page.scss中？

我正在使用gulp-sass，但我想听听任何可用的解决方案。

谢谢！