Question

我正在尝试将旧grunt任务转换为gulp。该任务使用browserify：

browserify: {
    options: {
        transform: [ require('grunt-react').browserify ]
    },
    client: {
        src: ['react/**/*.jsx'],
        dest: 'public/js/browserify/bundle.js'
    }
}

我在gulpfile.js中加载了以下插件：

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

如何使用gulp并browserify作为转换，在reactify中创建相同的任务？

Answer 1

你会想要这些内容：

gulp.task('whatever', function () {
  return browserify({
    entries: [...]
  })
    .transform(reactify, { /* opts if any */ })
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('public/js/browserify'));
});

但是如果你需要对条目文件进行全局化，你可能还需要引入一个globbing模块并使用它来生成你传递给browserify作为条目文件的列表（数组）。

将grunt browserify任务转换为gulp

1 个答案: