Две задачи gulp 4 запускаются отдельно, но не работают внутри gulp.series () - PullRequest
Новая
       22

Две задачи gulp 4 запускаются отдельно, но не работают внутри gulp.series ()

0 голосов
/ 26 марта 2019

Я экспериментирую с gulp-4 и застрял с проблемой:

У меня есть файлы, похожие на .vue 

<template lang="pug">
  // ...
</template>

<style lang="scss">
  // ...
</style>

и иметь 2 задания: 

gulp.task('precompile', () => {
  return gulp.src(['./src/frontend/views/components/**/*.vue',
                   './src/frontend/views/components/**/*.pug',
                   './src/frontend/vendor/**/*.pug'])
            .pipe(vueFilter)
            .pipe(extract('<template lang=\\"pug\\">','<\\/template>'))
            .pipe(ext_replace('.pug'))
            .pipe(vueFilter.restore)
            .pipe(
              foreach(
                (stream, file) => {
                  console.log(file.path)
                  return stream
                    .pipe(pug({
                      client: true,
                      pretty: true,
                      compileDebug: false,
                      debug: false,
                      inlineRuntimeFunctions: false,
                      name: 'render_' + path.basename(file.path, '.pug')
                    }))
                    .pipe(replace(/function\s([a-zA-z0-9\_\$]+)/g, (match, name) => {
                      return name + ': function';
                    }))
                }
              )
            )
            .pipe(concat('templates.js', {
              newLine: ','
            }))
            .pipe(wrap('{ <%= contents %> }\n\r'))
            .pipe(defineModule('es6'))
            .pipe(ins.prepend("import pug from 'vendor/pug-runtime-es6'\n\r"))
            .pipe(prettier())
            .pipe(gulp.dest('./src/frontend/views'));
});

и это: 

gulp.task('prepare-sass', () => {
  return gulp.src(['./src/frontend/views/components/**/*.vue', './src/frontend/views/components/**/*.scss'])
            .pipe(vueFilter)
            .pipe(extract('<style lang=\\"scss\\">','<\\/style>'))
            .pipe(ext_replace('.scss'))
            .pipe(vueFilter.restore)
            .pipe(gulp.dest('./src/frontend/views/sass/temp'));
});

Может показаться сложным, но на самом деле это не так: второй просто извлекает стили, а затем копирует их в папку назначения, а первый извлекает код pug, предварительно компилирует его и затем объединяет в один файл "templates.js".

Обе задачи отлично работают при выполнении одной за другой из cli. Но когда я запускаю их в gulp.series, это дает 

events.js:174
      throw er; // Unhandled 'error' event
      ^

Error: write after end
    at writeAfterEnd (C:\Programming\js\millionaire\node_modules\readable-stream\lib\_stream_writable.js:288:12)

Ну, пожалуйста, не говорите мне, что весь этот код и сама идея - хм ... не имеет значения (я знаю это), но проблема указывает на то, что я что-то неправильно понимаю ... и я не могу с этим жить! ))

Есть идеи?

Буду признателен за любую помощь или хороший совет ..

...