Gulp Concat JS Ergebnisse in Require ist nicht definiert

Question

Ich habe Projekt mit Schluck.

Ich versuche, jquery, jquery ui und Bootstrap in eine Datei namens vendor.js zu bekommen.

Dies funktioniert jedoch gut, wenn ich "Schluck dienen" Führen Sie das Projekt fromthe dist Ordner des Projekts ich den Fehler

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

Ordnerstruktur

dist\assets\toolkit\scripts 

dist\assets\toolkit\styles 

dist\assets\toolkit\images 

dist\pages 

index.html 

erhalten laufen Warum ist das der Fall? Ich habe alles ohne Glück gesehen! Ich habe ähnliche Probleme gesehen, aber alles in Bezug auf reagieren?

Kann jemand helfen?

Dank

NIck

Answer 1

Managed diese Arbeit bekommen schließlich so dachte ich, ich meine Lösung veröffentlichen würde.

Ich kehrte zur Verwendung der integrierten toolkit.js-Datei zurück, um jede Abhängigkeit zu verlangen. In diesem Fall Jquery, Jquery Ui, Bootstrap Sass und Chart Js.

In meiner toolkit.js Datei i

enthalten

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

Dies wird dann durch meine Gulp Aufgabe verkettet.

Der Schlüssel ist window.$ = window.jQuery = require('jquery');

statt

require('jquery');