Styjun

Uniform initialization by tuple

Tesco's Burger Relish Best Before End date number

How can I review my manager, who is fine?

What is the highest level of accuracy in motion control a Victorian society could achieve?

Attach a visible light telescope to the outside of the ISS

Sorting a list according to some pre-specified rules

Need a non-volatile memory IC with near unlimited read/write operations capability

Custom Geolocation Fields not populating in test class

Can the Four Elements monk's Shape the Flowing River elemental discipline create stairs by expending a single ki point?

Function that detects repetitions

What is the meaning of "prairie-dog" in this sentence?

Why did Robert F. Kennedy loathe Lyndon B. Johnson?

How was the website able to tell my credit card was wrong before it processed it?

Examples of fluid (including air) being used to transmit digital data?

Is it ok for parents to kiss and romance with each other while their 2- to 8-year-old child watches?

Was it ever illegal to name a pig "Napoleon" in France?

What factors could lead to bishops establishing monastic armies?

Why no parachutes in the Orion AA2 abort test?

How to have a filled pattern

How do resistors generate different heat if we make the current fixed and changed the voltage and resistance? Notice the flow of charge is constant

What is this burst transmission sequence across the entire band?

What's the difference between a type and a kind?

How to reclaim personal item I've lent to the office without burning bridges?

Who goes first? Person disembarking bus or the bicycle?

Two gulp 4 tasks run separately but don't work inside gulp.series()

How to run Gulp tasks sequentially one after the otherIs it possible to pass a flag to Gulp to have it run tasks in different ways?How to combine gulp-watch and gulp-inject?gulp.series() doesn't run tasksRun Gulp 4 task programmaticallygulp.series doesn't serialize taskRun gulp task in chokidar.on() callbackWorking with asynchronous tasks in Gulp 4Executing tasks in series which creates file dynamically in Gulp 4Gulp 4 Run task one after another

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I'm experimenting with gulp-4 and got stuck with a problem:

I have files similar to .vue

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

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

and have 2 tasks:

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(/functions([a-zA-z0-9_$]+)/g, (match, name) => 
 return name + ': function';
 ))
 
 )
 )
 .pipe(concat('templates.js', 
 newLine: ','
 ))
 .pipe(wrap(' <%= contents %> nr'))
 .pipe(defineModule('es6'))
 .pipe(ins.prepend("import pug from 'vendor/pug-runtime-es6'nr"))
 .pipe(prettier())
 .pipe(gulp.dest('./src/frontend/views'));
);

and this:

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'));
);

May seem complicated but really it's not: second one just extracts styles and then copy them to destination folder, while the first one extracting pug code, precompiles it and then merges in one file "templates.js".

Both tasks work perfectly while running one by one from cli. But when i run them in gulp.series it gives

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

Error: write after end
 at writeAfterEnd (C:Programmingjsmillionairenode_modulesreadable-streamlib_stream_writable.js:288:12)

Well, please don't tell me that all this code and idea itself is hm.. irrelevant (i know that), but the problem indicates that i missunderstand something.. and i can't live with it! ))

Any ideas?

Will appreciate any help or a good piece of advise..

node.js gulp-4

share|improve this question

asked Mar 25 at 21:27

eonaeeonae

1

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  And besides when executing in series, gulp reports: first one completed, second one completed, whole series completed.. and the error..
  
  – eonae
  Mar 25 at 21:47
  

  
  
  
  

add a comment | 

0

I'm experimenting with gulp-4 and got stuck with a problem:

I have files similar to .vue

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

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

and have 2 tasks:

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(/functions([a-zA-z0-9_$]+)/g, (match, name) => 
 return name + ': function';
 ))
 
 )
 )
 .pipe(concat('templates.js', 
 newLine: ','
 ))
 .pipe(wrap(' <%= contents %> nr'))
 .pipe(defineModule('es6'))
 .pipe(ins.prepend("import pug from 'vendor/pug-runtime-es6'nr"))
 .pipe(prettier())
 .pipe(gulp.dest('./src/frontend/views'));
);

and this:

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'));
);

May seem complicated but really it's not: second one just extracts styles and then copy them to destination folder, while the first one extracting pug code, precompiles it and then merges in one file "templates.js".

Both tasks work perfectly while running one by one from cli. But when i run them in gulp.series it gives

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

Error: write after end
 at writeAfterEnd (C:Programmingjsmillionairenode_modulesreadable-streamlib_stream_writable.js:288:12)

Well, please don't tell me that all this code and idea itself is hm.. irrelevant (i know that), but the problem indicates that i missunderstand something.. and i can't live with it! ))

Any ideas?

Will appreciate any help or a good piece of advise..

node.js gulp-4

share|improve this question

asked Mar 25 at 21:27

eonaeeonae

1

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  And besides when executing in series, gulp reports: first one completed, second one completed, whole series completed.. and the error..
  
  – eonae
  Mar 25 at 21:47
  

  
  
  
  

add a comment | 

I'm experimenting with gulp-4 and got stuck with a problem:

I have files similar to .vue

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

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

and have 2 tasks:

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(/functions([a-zA-z0-9_$]+)/g, (match, name) => 
 return name + ': function';
 ))
 
 )
 )
 .pipe(concat('templates.js', 
 newLine: ','
 ))
 .pipe(wrap(' <%= contents %> nr'))
 .pipe(defineModule('es6'))
 .pipe(ins.prepend("import pug from 'vendor/pug-runtime-es6'nr"))
 .pipe(prettier())
 .pipe(gulp.dest('./src/frontend/views'));
);

and this:

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'));
);

May seem complicated but really it's not: second one just extracts styles and then copy them to destination folder, while the first one extracting pug code, precompiles it and then merges in one file "templates.js".

Both tasks work perfectly while running one by one from cli. But when i run them in gulp.series it gives

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

Error: write after end
 at writeAfterEnd (C:Programmingjsmillionairenode_modulesreadable-streamlib_stream_writable.js:288:12)

Well, please don't tell me that all this code and idea itself is hm.. irrelevant (i know that), but the problem indicates that i missunderstand something.. and i can't live with it! ))

Any ideas?

Will appreciate any help or a good piece of advise..

node.js gulp-4

share|improve this question

asked Mar 25 at 21:27

eonaeeonae

1

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

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

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(/functions([a-zA-z0-9_$]+)/g, (match, name) => 
 return name + ': function';
 ))
 
 )
 )
 .pipe(concat('templates.js', 
 newLine: ','
 ))
 .pipe(wrap(' <%= contents %> nr'))
 .pipe(defineModule('es6'))
 .pipe(ins.prepend("import pug from 'vendor/pug-runtime-es6'nr"))
 .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'));
);

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

Error: write after end
 at writeAfterEnd (C:Programmingjsmillionairenode_modulesreadable-streamlib_stream_writable.js:288:12)

share|improve this question

asked Mar 25 at 21:27

eonaeeonae

1

share|improve this question

asked Mar 25 at 21:27

eonaeeonae

1

asked Mar 25 at 21:27

eonaeeonae

1

asked Mar 25 at 21:27

eonaeeonae

1