node.js – 如何在单独的browserify供应商捆绑包中包含node_modules

这对我来说使用browserify的api和gulp(lodash和pixijs是我的node_modules)：

var gulp = require('gulp');
var browserify = require('browserify');
var handleErrors = require('../util/handleErrors');
var source = require('vinyl-source-stream');


gulp.task('libs',function () {
  return browserify()
    .require('lodash')
    .require('pixi.js')
    .bundle()
    .on('error',handleErrors)
    .pipe(source('libs.js'))
    .pipe(gulp.dest('./build/'));
});

gulp.task('scripts',function () {
  return browserify('./src/main.js')
    .external('lodash')
    .external('pixi.js')
    .bundle()
    .on('error',handleErrors)
    .pipe(source('main.js'))
    .pipe(gulp.dest('./build/'));
});

gulp.task('watch',function(){
  gulp.watch('src/**',['scripts']);
});

gulp.task('default',['libs','scripts','watch']);

当然，这个解决方案是一个痛苦的维护…所以我修补browserify接受数组的require和外部，然后你可以做到这一点，我认为这是更好的：

var gulp         = require('gulp');
var browserify   = require('browserify');
var handleErrors = require('../util/handleErrors');
var source       = require('vinyl-source-stream');

var packageJson = require('../../package.json');
var dependencies = Object.keys(packageJson && packageJson.dependencies || {});


gulp.task('libs',function () {
  return browserify()
    .require(dependencies)
    .bundle()
    .on('error',function () {
  return browserify('./src/main.js')
    .external(dependencies)
    .bundle()
    .on('error',function(){
  gulp.watch('package.json',['libs']);
  gulp.watch('src/**','watch']);

这是最好的我可以想出来…请让我知道，如果你找到一个更好的方法。