[Gulp]Browserify->Uglify geen correct werkende Sourcemap

[Wokker]

Ik ben al een dag bezig om een nieuwe workflow voor het builden van javascript werkende te krijgen.
Wat ik wil bereiken is

• dat alle javascript files door Browserify samengevoegd worden tot een bundle
• Dat uglify de bundle minimaliseerd
• Met daarbij de sourcemap op basis van de niet samengevoegde bestanden

Ik heb dit nu werkend via onderstaand gulp script op basis van deze bron

JavaScript: gulp.js

gulp.task('javascript', function () {
    // set up the browserify instance on a task basis
    var b = browserify({
        entries: paths.source + 'xlf.js',
        debug: true
    });

    return b.bundle()
      .pipe(source('app.js'))
      .pipe(buffer())
      .pipe(sourcemaps.init({ loadMaps: false, debug: true }))
          // Add transformation tasks to the pipeline here.
          .pipe(uglify())
        .on('error', gutil.log)
      .pipe(sourcemaps.write('./'))
      .pipe(gulp.dest(paths.build));
});

Als ik via chrome een pagina met app.js open zie ik wel de sourcemap staan. En kan ik er ook doorheen debuggen echter is geen enkele variabele zichtbaar tijdens het debuggen. het lijkt op dat door uglify de mapping tussen de source en bundle niet meer juist is. Weet iemand hoe ik dat zou kunnen oplossen? Op stackoverflow zie ik het probleem ook een aantal keer voorbij komen zonder antwoord. probeer ik iets wat onmogelijk is?

[Verwijderd]

Zonder uglify werkt het wel?

[Wokker]

Ja dan gaat het wel goed. Dan hebben de variabele in de debugger gewoon waardes

[Hydra]

Normaal dev je met niet-minified maar wel concatenated sources. Wat jij wil, werkende sourcemaps op minified JS, gaat volgens mij sowieso niet werken.

[Kwastie]

Hydra schreef op maandag 28 december 2015 @ 16:44:
Normaal dev je met niet-minified maar wel concatenated sources. Wat jij wil, werkende sourcemaps op minified JS, gaat volgens mij sowieso niet werken.

Sourcemaps zijn juist gemaakt voor minified (JS) bestanden.

Voorbeeld:
http://code.jquery.com/jquery-1.11.3.min.js + http://code.jquery.com/jquery-1.11.3.min.map = http://code.jquery.com/jquery-1.11.3.js

Zijn de sourcemaps 'juist' genoemd? Zit er in de 'min.js' een referentie naar de .map? (sourceMappingURL=)

[Wokker]

Ja die is er, hij hij laad ook netjes de souper map in en toont ook de orginele bestanden. Ik kan er ook door heen stappen tijdens het debuggen. Alleen lijkt het dus dat ergens tijd het uglify proces de match tussen variabele naam en de aangepaste variabele naam kwijt is geraakt. Ik kan wel de var met naam bv A. maar niet de originele var kan ik niet uitlezen.

[Hydra]

Kwastie schreef op dinsdag 29 december 2015 @ 19:24:
Sourcemaps zijn juist gemaakt voor minified (JS) bestanden.

Weer wat geleerd; thanks

[Wokker]

Niemand een idee?

Mogelijk heeft het hier mee te maken ->https://github.com/terinjokes/gulp-uglify/issues/64

[ Voor 73% gewijzigd door Wokker op 06-01-2016 15:48 ]