Question

如何使用gulp将所有jsx文件转换为JavaScript？

当我尝试这样做时，我收到错误未定义的函数需要

我正在使用以下脚本。

我想要做的是使用gulp将所有 jsx转换为JavaScript 。还可以在我的jsx文件中使用 browserfy 。

var gulp = require('gulp')
var react = require('gulp-react')

gulp.task('transpile-js', function() {
  return gulp.src('./src/*.jsx')
    .pipe(react({harmony: true}))
    .pipe(gulp.dest('./build'))
})

我在src目录中有jsx文件。我想将它们转换为一个JavaScript文件并将结果存储在构建目录

中

Answer 1

请查看我的domno repo了解更多信息：

var gulp         = require('gulp'),
    uglify       = require('gulp-uglify'),
    browserify   = require('browserify'),
    source       = require('vinyl-source-stream'),
    buffer       = require('vinyl-buffer');

gulp.task('script', function () {

    return browserify({
            entries  : ['the/path/to/the/main/entry/file.js'],
            transform: ['babelify']
        })
        .bundle()
        .pipe(source('app.js'))
        .pipe(buffer())
        .pipe(uglify())
        .pipe(gulp.dest(dir.web));
});

configuring Browserify ...

有几种方法

如何使用gulp将所有jsx文件转换为JavaScript？

1 个答案: