Question

我正在使用以下gulp.js文件

var gulp = require('gulp');
var babel = require('gulp-babel');

gulp.task('bundle', bundle);

function bundle () {
     gulp.src('./src/*.jsx')
    .pipe(babel())
    .pipe(gulp.dest('./dist'));
}

gulp.task('build', ['bundle']);

在转化之前“main.jsx”内容

import React from 'react';

在Transpile之后，在dist文件夹中生成的“js”文件需要（''）

var _react = require('react');

请求页面index.html

 <body>

    <div id="app" ></div>
    <script src="main.js"></script>

</body>

未捕获的ReferenceError：未定义的require显示在控制台中。

我知道构建任务有问题，但我无法理解。

Answer 1

在浏览器中，您无法使用require API，因此您需要以某种方式捆绑您的代码，您几乎没有选择：

Browserify
的WebPack
汇总

这些模块捆绑包允许您指定一个条目＆＃39;指向然后将所有必需的模块捆绑在一个文件中。

回答这个问题的类似问题： Gulp + babelify + browserify issue

使用gulp-babel给出Uncaught ReferenceError：require未定义

1 个答案: