# Browserify + Uglify2 和 sourcemaps [Browserify](http://github.com/substack/node-browserify) 現在已經成為了一個不可或缺的重要工具了，然后要讓它能完美的和 gulp 一起協作，還得需要做一些封裝處理。先面便是一個使用 Browserify 并且增加一個完整的 sourcemap 來對應到單獨的每個源文件。 同時請看: [組合 Streams 來處理錯誤](https://github.com/gulpjs/gulp/blob/master/docs/recipes/combining-streams-to-handle-errors.md) 范例來查看如何處理你的 stream 中 browserify 或者 uglify 的錯誤。 ``` 'use strict'; var browserify = require('browserify'); var gulp = require('gulp'); var source = require('vinyl-source-stream'); var buffer = require('vinyl-buffer'); var uglify = require('gulp-uglify'); var sourcemaps = require('gulp-sourcemaps'); var gutil = require('gulp-util'); gulp.task('javascript', function () { // 在一個基礎的 task 中創建一個 browserify 實例 var b = browserify({ entries: './entry.js', debug: true }); return b.bundle() .pipe(source('app.js')) .pipe(buffer()) .pipe(sourcemaps.init({loadMaps: true})) // 在這里將轉換任務加入管道 .pipe(uglify()) .on('error', gutil.log) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('./dist/js/')); }); ```