gulp - 有没有办法在没有 package.json 的情况下使用 browserify-shim？

Question

我需要对我的一些 browserify 依赖项使用 browserify-shim，但我无法编辑我的 package.json。我在 gulp 中使用 browserify。是否可以仅从 API 中指定所有 package.json 部分？我正在设想这样的事情：

return gulp.src('glob/path/to/my/main/js/file.js')
    .pipe(browserify({
        debug: false,
        transform: ['browserify-shim'],
        shim: {
            'jquery': {
                exports: 'jQuery'
            }
        }
    }));

然后，我的输出替换var $ = require('jquery');为var $ = jQuery;，因为我们现在将 jQuery 用作全局。这可能吗？时间

Answer 1

在这种情况下，您可以使用exposify变换。browserify-shim 实际上是基于它并且是由同一个人编写的。

例如：

return browserify('glob/path/to/my/main/js/file.js', { debug: false })
    .transform('exposify', { expose: {'jquery': 'jQuery' }})

Answer 2

gulpfile.js

gulp       = require('gulp')
browserify = require('gulp-browserify')

gulp.task('browserify', function(){
    var src = 'test.js'

    gulp.src(src)
        .pipe(browserify({
            shim: {
                jQuery: {
                    path: './bowser_components/jquery/dist/jquery.min.js',
                    exports: '$'
                }
            }
        }))
        .pipe(gulp.dest('./build/js'))
})

测试.js

$ = require('jQuery')

console.log($);