Javascript 如何使用browserify绑定未缩小和缩小的js文件

Javascript 如何使用browserify绑定未缩小和缩小的js文件,javascript,node.js,gulp,browserify,gulp-uglify,Javascript,Node.js,Gulp,Browserify,Gulp Uglify,我得到一个缩小的捆绑包文件,我想得到一个与它在同一距离的非缩小捆绑包 gulpfile.js “严格使用”; var gulp=需要('gulp'), gulpLoad=require('gulp-load-plugins'), browserify=require('browserify'), source=require(‘乙烯基源流’), 缓冲区=需要(“乙烯基缓冲区”), del=需要('del'), pkg=require('./package.json'), $=gulpLoad()

我得到一个缩小的捆绑包文件,我想得到一个与它在同一距离的非缩小捆绑包

gulpfile.js

“严格使用”;
var gulp=需要('gulp'),
gulpLoad=require('gulp-load-plugins'),
browserify=require('browserify'),
source=require(‘乙烯基源流’),
缓冲区=需要(“乙烯基缓冲区”),
del=需要('del'),
pkg=require('./package.json'),
$=gulpLoad(),
距离='/距离',
SRC='./SRC/index.js';
吞咽任务(“清洁”,功能(fn){
返回del(区,fn);
})
吞咽任务('lint',函数(){
回灌量src(src)
.pipe($.jshint())
.pipe($.jshint.reporter('default'))
});
gulp.task('bundle',['lint','clean'],function()){
var b=browserify();
返回b.bundle()
.pipe(源('./ar string.min.js'))
.pipe(缓冲区())
.pipe($.sourcemaps.init({loadMaps:true}))
.pipe($.uglify())
.on('error',$.util.log)
.pipe($.sourcemaps.write('./'))
.管道(大口目的地(距离));
});
gulp.task('default',function(){
gulp.watch([SRC',./gulpfile.js'],[bundle']);
});

编辑:实际上,我不认为这可以在一个管道中完成,我们可以有两个,一个不缩小,一个缩小和源地图:

b.bundle()
.pipe(source('./ar-string.js'))
.pipe(gulp.dest(DIST));

return b.bundle()
.pipe(source('./ar-string.min.js'))
.pipe(buffer())
.pipe($.sourcemaps.init({loadMaps: true}))
    .pipe($.uglify())
    .on('error', $.util.log)
.pipe($.sourcemaps.write('./'))
.pipe(gulp.dest(DIST));

啊,是的,源代码映射,试试我修改过的答案。它正在工作,但我仍然在ar-string.js文件的一行中得到了代码,这就是browserify所做的吗?嗯,我想是的,也许你可以在第一个管道中使用另一个插件,比如
gulp prettify
,使输出在几行中格式良好?