在SASS编译后，如何使用源图提取媒体查询？

Question

我对gulp源地图有疑问。我需要从css文件（从SASS生成并写入sourcemaps）中提取媒体查询到单独的文件，但要使用在SASS编译之前已初始化的sourcemaps。我使用另一个gulp插件提取媒体查询，但是带有提取媒体查询的文件没有原始sourcemaps。

摘要：

1. 初始化源地图

2. sass编译

3. 提取媒体查询

4. 将源映射写入已编译的sass文件和分离的文件（使用 点1的源地图）

5. 完成口吃任务

在这里，我尝试准备一些任务，以从生成的CSS文件中提取媒体查询

gulp.task('extr:media', function() {
   return gulp.src('./jadro/files/css/style/**/*.css')
      .pipe(sourcemaps.init({
         loadMaps: true
      }))
      .pipe(postcss([
         require('postcss-extract-media-query')({
            output: {
               path: path.join(__dirname, '/jadro/files/css/test/respo/')
            },
            queries: {
               '(min-width: 960px)': '960',
               '(min-width: 1200px)': '1200'
            },
            stats: true
         })]))

      .pipe(sourcemaps.write('./maps'))
      .pipe(gulp.dest('./jadro/files/css/respo/'))
      .pipe(sync.stream());
});

这是我的主要功能

function buildSass(stream) {
   return stream
      .pipe(sourcemaps.init())
      .pipe(sass().on('error', sass.logError))
      // here I need insert extract 
      .pipe(sourcemaps.write('./maps'))
      .pipe(gulp.dest('./jadro/files/css/style/'))
      .pipe(sync.stream());
}

感谢您的任何想法，帮助，对不起我的英语