Question

我是使用gulp的新手，我目前在尝试使用gulp-uglify缩小我的React文件时遇到问题我想知道是否有人能够帮助我完成我的gulp任务......

var gulp = require('gulp'),
    concat = require('gulp-concat'),
    rimraf = require('rimraf'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    react = require('gulp-react'),
    babel = require('gulp-babel');

gulp.task('transform', function() {
    return gulp.src(_paths.app.js + '**/*.{jsx,js}')
        .pipe(react({ harmony: false, es6module: true })).pipe(babel())
        .pipe(concat('app.idea.js'))
        .pipe(gulp.dest(_paths.build.js))
        .pipe(rename('app.idea.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest(_paths.build.js));
});

可能有更好的方法来做我想要完成的事情，或者这可能不是很理想，我愿意接受这方面的建议。但是，我试图完成的是将所有JSX和JS文件捆绑到一个JS文件中。捆绑后，我想缩小捆绑文件。不幸的是，当我尝试预先形成uglify时，我收到一个错误：GulpUglifyError: unable to minify JavaScript（我目前只有两个JSX文件）。

我知道捆绑工作正常，因为我的app.idea.js正在按预期编译。任何人都可以帮助我吗？

如何使用Gulp缩小React和ES6

0 个答案: