使用Browserify缩小ES6并生成源地图

我使用browserify和6to5ify将ES6编译为JS并组装项目。问题是我找不到任何解决方案，如何缩小编译的JavaScript，并为缩小的js生成源地图。使用Browserify缩小ES6并生成源地图

我生成任务的代码是：

'use strict'; 

var gulp = require('gulp'), 
source = require('vinyl-source-stream'), 
plumber = require('gulp-plumber'), 
browserify = require('browserify'), 
buffer = require('vinyl-buffer'), 
uglify = require('gulp-uglify'), 
buildErrorHandler = require('./../utilities/build-error-handler').handleBuildError 
; 

gulp.task('js:build-scripts', function() { 
    var commandLineParameters = process.argv.slice(2); 
    var releaseModeRequired = commandLineParameters.indexOf('--release') > -1; 

    var bundler = browserify({ 
    debug: true, 
    entries: ['./src/js/entry-point.js'] 
    }) 
    ; 

    var pipeLine = bundler 
    .transform('6to5ify') 
    .bundle() 
    .on('error', buildErrorHandler) 
    .pipe(plumber({ 
    errorHandler: buildErrorHandler 
    })) 
    .pipe(source('application.js')); 

    if(releaseModeRequired){ 
    pipeLine = pipeLine.pipe(buffer()) 
    .pipe(uglify()); 
    } 

    pipeLine =pipeLine.pipe(gulp.dest('build/js')) 
    ; 

    return pipeLine; 
});

如果我不运行如下代码，sourcemaps工作正常，但如果我丑化了，sourcemaps消失。

我尝试了几个解决方案，如this或this但它们都不起作用。

编辑：

"browserify": "^8.1.3", 
"gulp": "^3.8.10",

来源

2015-03-02 Andrew

什么版本的browserify和gulp-uglify？您还需要将gulp-sourcemaps集成到您的管道中。 – JMM 2015-03-03 15:07:09

这已经与Browserify + Uglify.js的问题很长一段时间。 It got fixed in this commit,~~但尚未发布~~，并与v2.4.21发布。

来源

2015-03-04 12:46:29 mantoni

看起来这是与版本2.4.21一起发布的。 – 2015-05-13 23:02:08

使用Browserify缩小ES6并生成源地图

回答

相关问题