javascript - Gulp Concat JS 结果未定义要求

Question

我有使用 gulp 的项目。

我正在尝试将 jquery、jquery ui 和 bootstrap 放入一个名为 vendor.js 的文件中。

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

ReferenceError: require is not defined http://localhost:3000/assets/toolkit/scripts/vendor.js Line 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

为什么会这样？我到处都没有运气!我见过类似的问题，但都与 react 有关吗？

有人能帮忙吗？

谢谢

尼克

Answer 1

最终设法让这个工作正常，所以我想我会发布我的解决方案。

我恢复使用内置的 toolkit.js 文件来要求每个依赖项。在本例中为 Jquery、Jquery Ui、Bootstrap Sass 和 Chart Js。

在我包含的 toolkit.js 文件中

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

然后将其连接到我的 Gulp 任务。

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

而不是

require('jquery');