SCSS文件编译两次问题

[openks]

同样的代码出现了两次

页面引入了一个common.css源文件为common.scss

<link rel="stylesheet" href="css/common.css">

common.scss引入如下

@import "mixin";
@import "comp";

comp.scss引入及使用如下

@import 'mixin';
.fromWp {
  @extend %from-wp;
}

其中%from-wp在mixin里有定义 结果就出现了如图所示页面...

[openks]

查找原因发现是因为在common.scss中引入过mixin和comp 而comp中也引入了mixin导致的。 解决方案一： 删除common.scss中引入的mixin（推荐使用该方案解决） 解决方案二： 删除comp中引入的mixin 但是会出现只编译这一个文件的时候报错的问题。