Gulp Concat JS结果require没有被定义 [英] Gulp Concat JS results in require is not defined

问题描述

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

这可以正常工作，但是当我运行gulp serve从项目的dist文件夹运行项目时，我收到错误消息

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

  var jQuery = require（'jquery'）; 
 $ b $ 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']）
。 （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 
  

为什么会出现这种情况？我已经看遍了所有没有运气！我已经看到类似的问题，但所有有关的反应？

任何人都可以帮忙？

谢谢

NIck

解决方案

解决方案。

我恢复为使用内置的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'）; 
  

I have project using gulp.

I am trying to get jquery, jquery ui and bootstrap into one file called vendor.js.

This works fine however when I run "gulp serve" to run the project fromthe dist folder of the project i get the error

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

Folder Structure

dist\assets\toolkit\scripts

dist\assets\toolkit\styles

dist\assets\toolkit\images

dist\pages

index.html

Why is this the case? I have looked all over with no luck! I have seen similar issues but all relating to react?

Can anyone help?

Thanks

NIck

解决方案

Managed to get this working eventually so I thought i would post my solution.

I reverted to using the built in toolkit.js file to require each dependency. In this case Jquery, Jquery Ui, Bootstrap Sass and Chart Js.

In my toolkit.js file i included

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

This is then concatenated by my Gulp task.

The key is window.$ = window.jQuery = require('jquery');

rather than

require('jquery');

这篇关于Gulp Concat JS结果require没有被定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！