How to use this with gulp-sourcemaps?

[ahaurw01]

How to use this with gulp-sourcemaps?

[ahaurw01]

@xlc I have not used that plugin before. Can you describe the problems you're having and what you've tried?

[xlc]

This is part of my existing gulp task

var $ = require('gulp-load-plugins')();

   return gulp.src('src/**/*.js')
      .pipe($.sourcemaps.init()) // enable source map
      .pipe($.if(!options.debug, $.ngAnnotate())) // process js files
      .pipe($.if(!options.debug, $.uglify()))
      .pipe($.concat('script.js')) // concat all of them into one
      .pipe($.sourcemaps.write('.')) // and produce one sourcemap 
      .pipe(gulp.dest(options.dist));

I don't want to reprocess all js files with ngAnnotate and uglify even only one of them changed.
I will like this

   return gulp.src('src/**/*.js')
      .pipe($.sourcemaps.init()) // enable source map
      .pipe($.cached()) // only pass changed files
      .pipe($.if(!options.debug, $.ngAnnotate())) // process js files
      .pipe($.if(!options.debug, $.uglify()))
      .pipe($.remember()) // get all files
      .pipe($.concat('script.js')) // concat all of them into one
      .pipe($.sourcemaps.write('.')) // and produce one sourcemap 
      .pipe(gulp.dest(options.dist));

But I think this require gulp-cached and gulp-remember support gulp-sourcemaps in order to work.

[ahaurw01]

I'm sorry, I don't quite follow. What is the problem you're seeing? What about the sourcemap plugin is not working when you use gulp-remember?

[sb8244]

I believe that this issue is similar to this:

function getApplicationJSStream() {
  return gulp.src([
      path.join(conf.paths.src, '/javascripts/angular/**/*.js'),
      path.join(conf.paths.tmp, '/templateCacheHtml.js'),
      path.join(conf.paths.src, '/javascripts/angular-app.js')
    ])
    .pipe($.eslint())
    .pipe($.eslint.format())
    .pipe($.sourcemaps.init())
    .pipe($.cached('appJS'))
    .pipe($.uglify())
    .pipe($.remember('appJS'))
    .pipe($.order([
      "**/module.js",
      'templateCacheHtml.js',
      "!angular-app.js",
      "angular-app.js"
    ]))
    .pipe($.concat('application.js'));
}

I use the cached/remember combination around uglify, after sourcemaps has been initialized. It only includes sourcemaps for files that changed and went through the uglifier, but wouldn't have the majority of the sourcemaps.

I do not yet have a solution but am playing around.