Question

这是我的gulp文件

var gulp = require('gulp')
var browserify = require('browserify')
var source = require('vinyl-source-stream')
var reactify = require('reactify')
var rename = require('gulp-rename')

gulp.task('js', function() {
    var b = browserify({
        entries: ['./lib/test.js', './lib/app.jsx'],
        transform: [reactify],
        extensions: ['.js','.jsx'],
        debug: false,
        cache: {},
        packageCache: {},
        fullPaths: false
    });

    function build(file) {
        return b
        .external('jquery')
        .plugin('minifyify', {
            map: false
        })
        .bundle()
        .pipe(source('main.js'))
        // Add .min.js to the end of each optimized file
        .pipe(gulp.dest('./js/'));
    };
    build();
});
gulp.task('watch', function() {
    gulp.watch("lib/*.jsx", ["js"])
})
gulp.task('default', ['js', 'watch']);

目的是将所有jsx转换为1个js文件。

我的gulpfile生产准备好了吗？

另外，如何简化线路：条目：[＆＃39; ./ lib / test.js＆＃39;，＆＃39; ./ lib / app.jsx＆＃39;]，

以便browserify处理lib /目录中的所有js文件？

Answer 1

如果您需要一些专业水平的gulp文件，请检查https://github.com/greypants/gulp-starter和2.0分支：https://github.com/greypants/gulp-starter/tree/2.0。那家伙袖子上有一些不错的伎俩。

一般来说，采用gulp.src方式是一种很好的做法，请参阅以下答案：https://stackoverflow.com/a/25319817/5229638

准备好Gulpfile生产？

1 个答案: