gulp打包、解析less生成的css代码重复

Question

我创建了一个less公用文件base.less，放置一些公用的属性，然后我又创建了2个less文件对应不同的功能，分别为test.less和test2.less，这两个less文件都引入了base.less。结果我使用gulp打包的时候，生成了重复的代码，重复的这一部分的代码是从base.less编译过来的。看源码：

base.less

.disabled{
  cursor: not-allowed;
}

test.less

@import "base";

test2.less

@import "base";

gulpfile.js

gulp.task("less", function () {
    return gulp.src(path.less)
        .pipe(less())
        .pipe(concat("test.css"))
        .pipe(gulp.dest(pcReleasePath + "css"));
});

打包生成的css如下：

.disabled {
  cursor: not-allowed;
}

.disabled {
  cursor: not-allowed;
}

请问怎么过滤重复的代码。