Gulp Concat JS結果需求未定義

Question

我有項目正在使用gulp。

我想獲取jquery，jquery ui和bootstrap到一個名爲vendor.js的文件中。

但是當我運行 「一飲而盡服務」 運行項目fromthe項目出現錯誤的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 

爲什麼會這樣？我已經看遍了所有沒有運氣！我看到過類似的問題，但都是有關的反應？

誰能幫助？

感謝

尼克

Answer 1

好不容易纔得到這個工作，最終使我想我會後我的解決方案。

我恢復使用內置的toolkit.js文件來要求每個依賴項。在這種情況下，Jquery，Jquery Ui，Bootstrap Sass和Chart Js。

在我toolkit.js文件I包括

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

這然後由我咕嘟咕嘟任務連接起來。

的關鍵是window.$ = window.jQuery = require('jquery');

而不是

require('jquery');