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');