Gulp + Browserify 如何引入插件？

Question

比如我通过 bower 里安装了一个插件，那我应该如何正确地通过 gulp + browserify 来引入到需要使用的页面当中呢？

如果用 browserify-shim 的话，好像会在所有地方都会引入，而不是只有 require 过的地方才引入。

Answer 1

针对bower，你需要debowerify插件

Answer 2

var gulp = require("gulp");
var gutil = require("gulp-util");
var source = require('vinyl-source-stream');

var browserify = require("browserify");
var babelify = require("babelify");
var browserifyShim = require("browserify-shim");

gulp.task("mytask",function(){
    return browserify()
        .add('./src/Main.js')
        .transform(babelify)
        .transform(browserifyShim,{
            shim:{
                react:"global:React"
            }
        })
        .bundle()
        .pipe(source('./main.js'))
        .pipe(gulp.dest('./dist/js/'));
});

楼主可以安装该特定版本的browserify-shim，似乎可以完美解决楼主的需求

npm install git://github.com/tommyZZM/browserify-shim.git#configable-inscript --save

已经对browserify-shim主项目发起了PR
https://github.com/thlorenz/browserify-shim/pull/195