Browser funktioniert nicht richtig in Gulp

Question

Ich weiß nicht, ob ich etwas verpasst oder einen Fehler gemacht habe. Wenn Sie jedoch ein Modul benötigen, wird nur ein leeres Objekt zurückgegeben.

Dies ist nur ein Beispiel meines Projekts.

Tools Ich bin mit:

gulp - 3.9.1 
browserify - 13.0.0 
vinyl-source-stream - 1.1.0 

Hier ist mein Arbeitsverzeichnis:

root/ 
    dist/ 
    src/ 
    external.js 
    main.js 
gulpfile.js 

main.js

var External = require('./external.js'); 
console.log(External); 

external.js

function Hello() { 
    return 'Hello from the otherside!'; 
} 

module.exports = { 
    testFunc: Hello 
}; 

gulpfile.js

var browserify = require('browserify'); 
var vinyl_source_stream = require('vinyl-source-stream'); 

gulp.task('concat', function() { 
    return browserify('./src/main.js') 
    .bundle() 
    .pipe(vinyl_source_stream('bundle.js')) 
    .pipe(gulp.dest('./dist/')) 
}); 

Answer 1

Erste:

module.exports = function() { 
    testFunc: Hello 
}; 

, so dass Sie ein Objekt Prototyp exportieren.

Zweite

var External = require('./external.js')(); // Notice the() 

so dass Sie diesen Prototyp ausführen kann und eine Instanz des Objekts erhalten.