Gulp+Webpackstream+React, требование не определено в Интернете (хром)

Question

Я нашел в Интернете похожие кейсы и посоветовал использовать browserify или webpack. Я попробовал этот скрипт объединить все вместо приведенного выше кода:

Ни gulp-browser, ни поток gulp-webpack не могут помочь мне решить require is not definedв сети. Gulp: версия CLI: 2.2.0 Локальная версия: 4.0.2

Это первый раз, когда я использую браузер Gulp-webpack / gulp, поэтому я не уверен, что делаю не так.

      function doJS(src, dst, concatName, encryptFilename) {
    let g = gulp.src(src)

    g = g.pipe(ifEndWith(".jsx", react({
        //es6module: true,
    })))


// Babel is only capable of compiling ES6 code to ES5 (native JS).
 
    g = g.pipe(ifEndWith("!min.js", babel({
        babelrc: false,
        presets: [es2015, /*es2016, es2017,*/],
        plugins: []
    }))) 


    g = g.pipe(ifEndWith(".jsx", browserify({
        insertGlobals: true,
        debug: opt.env !== "prod",
    })))


    // g = g.pipe(ifEndWith(".jsx", webpackStream(webpackCfg)))


    if (typeof concatName == "string") {
        g = g.pipe(concat(concatName))
    }
    if (typeof encryptFilename == "boolean" && encryptFilename) {
        g = g.pipe(rename(renameCallable))
    }

    return g.pipe(ifEndWith("!min.js", jsObfuscator()))
        .pipe(ifEndWith("!min.js", uglify({output: {ascii_only: true}}))) 
        .pipe(gulp.dest(dst));
}