Question

我有问题在生产中构建React项目，没有babel文件。每documentation，对于生产，它只需要具有React和ReactDom脚本。一切都在开发中运作良好。我只需要在生产中删除babel核心脚本，当我这样做时，我收到此错误消息：

未捕获错误：发生了缩小的异常;使用非缩小开发环境中的完整错误消息和其他有用的警告。

这些是包含的脚本

<script src="https://fb.me/react-with-addons-0.14.3.min.js"></script>
<script src="https://fb.me/react-dom-0.14.3.min.js"></script>

<!-- TODO: Remove this in production -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

<script src="build/all.min.js" type="text/babel"></script>

这是我的Gulpfile.js

const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const browserify = require('browserify');
const babelify = require('babelify');
const source = require('vinyl-source-stream');
const rename = require('gulp-rename');
const streamify = require('gulp-streamify');


gulp.task('default', () => {
    return browserify('main.js')
        .transform(babelify, {presets: ["es2015", "react"]})
        .bundle()
        .pipe(source('all.js'))
        .pipe(gulp.dest('build'))
        .pipe(rename('all.min.js'))
        .pipe(streamify(concat('all.min.js')))
        .pipe(streamify(uglify()))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('build'));
});

gulp.task('build', () => {
    process.env.NODE_ENV = 'production';
    gulp.start('default');
});

构建React.js用于生产，使用gulp，browserify，babelify构建

0 个答案: