Как извлечь медиа-запросы с исходными картами после компиляции SASS? - PullRequest
0 голосов
/ 26 апреля 2019

У меня проблема с исходными картами gulp.Мне нужно извлечь медиа-запросы из файлов CSS (сгенерированных из SASS и записи исходных карт) для разделения файлов, но с исходными картами, которые были инициализированы до компиляции SASS.Я использую другой плагин gulp для извлечения медиазапросов, но файл с извлеченными медиазапросами не имеет исходных карт источника.

Резюме:

  1. init sourcemaps

  2. sass compile

  3. извлечение носителязапрос

  4. запись исходных карт в скомпилированные файлы sass и отдельные файлы (используйте исходные карты из точки 1)

  5. завершить задачу gulp

Здесь я пытаюсь подготовить несколько заданий для извлечения медиа-запросов из сгенерированных файлов 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());
}

Спасибо за любые идеи, помощь иИзвините за мой английский

...