Gulp Concat JS结果中的require未定义

我有项目使用gulp。

我试图将jquery,jquery ui和bootstrap放到一个名为vendor.js的文件中。

这工作正常,但是当我运行“gulp serve”从项目的dist文件夹运行项目时,我得到了错误

ReferenceError:require未定义http:// localhost:3000 / assets / toolkit / scripts / vendor.js第6行

var jQuery = require('jquery'); gulp.task('vendor-js', function() { return gulp.src(['src/assets/toolkit/scripts/vendor/jquery.min.js', 'src/assets/toolkit/scripts/vendor/jquery-ui.js', 'src/assets/toolkit/scripts/bootstrap/bootstrap.min.js' ]) .pipe(concat('vendor.js')) .pipe(gulp.dest('dist/assets/toolkit/scripts/')); }); 

文件夹结构

 dist\assets\toolkit\scripts dist\assets\toolkit\styles dist\assets\toolkit\images dist\pages index.html 

为什么会这样? 我看上去一点也没有运气! 我见过类似的问题,但所有有关的反应?

有人可以帮忙吗?

谢谢

缺口

管理最终让这个工作,所以我想我会发布我的解决方案。

我恢复使用内置的toolkit.js文件来要求每个依赖项。 在这种情况下,Jquery,Jquery Ui,Bootstrap Sass和Chart Js。

在我的toolkit.js文件中,我包括在内

window.$ = window.jQuery = require('jquery'); require('jquery-ui'); require('bootstrap-sass'); require('chart.js');

然后由我的Gulp任务连接起来。

关键是window.$ = window.jQuery = require('jquery');

而不是

 require('jquery'); 
Interesting Posts