Files are read from file system instead vinyl

I’m using webpack-stream with gulp-preprocess, and in some file I have a someVar = /* @echo CONFIG */ which is processed by gulp-preprocess and become someVar = { foo: "bar" } in order to expose the configuration to the client. But I noticed that webpack-stream is just reading the contents from the original file in the file system instead the processed, so babel-loader gives syntax error, since someVar = /* @echo CONFIG */ is not valid javascript.

I created this sample repo to easily reproduce the problem.

[YodasWs]

Or, better yet, you’ll have to run two tasks in series:

gulp.task('build', gulp.series(
  ()=>{
    return gulp.src('src/app.js')
      .pipe(replaceString())
      .pipe(gulp.dest('build/'))
  },
  ()=>{
    return gulp.src('build/app.js')
      .pipe(named())
      .pipe(webpack())
      .pipe(gulp.dest('docs/'))
  }
);

[DamianoMagrini]

In the meanwhile, I’ve made my own plugin that actually uses the file system that was passed into it instead of fs. You can see it here.