Я использую browserify и 6to5ify для компиляции ES6 в JS и сборки проекта. Проблема в том, что я не могу найти никакого решения, как минимизировать скомпилированный javascript и создать исходные карты для минифицированного js.
Мой код задачи сборки:
'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;
});
Если я не минимизирую код, исходные карты работают нормально, но если я их искажаю, исходные карты исчезают.
Я пробовал несколько решений, таких как это или это, но ни один из них не работает.
ОТРЕДАКТИРОВАНО:
"browserify": "^8.1.3",
"gulp": "^3.8.10",