Wie Import in einem Client-Skript eine Dienstprogramm Methode

Question

Angenommen, zwei Hauptordner haben: lib Ordner und in diesem Ordner befindet sich eine Datei utils.js statischen Ordner mit einer element.js Datei

In der utils.js Datei der Code ist:

'use strict'; 

var Utils = {}; 

Utils.getPrint = function() { 
    return "hello"; 
}; 

module.exports = Utils; 

Jetzt im statischen Ordner die Datei element.js so ein Client-Skript ist:

'use strict'; 

(function() { 
// I must import utils.js file but I don't know how do this. Something like 
var utils=require(); 
    $(document).ready(function() { 


     }); 


}()); 

Wer kann mir helfen, wie Code, den ich utils.js Datei importieren schreiben zu müssen element.js fi le?

Answer 1

Wenn Sie Ihr Modul von Client/Server-Seite beide importieren möchten, benötigen Sie einen Bundler wie Browserify und Webpack.

Node.js folgt CommonJS-Modulspezifikation, die wie "var module = require ('modul');" etwas, und Browser folgt nicht CommonJS. Es hat eine eigene Modul-Spezifikation von ES6, unterstützt aber noch keinen Browser, auch Node.js.

Später, wenn alle Browser unterstützt ES6-Modul-System und Node.js auch tun (Node.js basierend auf V8, so wird es zukünftige ES-Funktionen unterstützen), dann können Sie die ES6-Module für Browser/Server beide schreiben können benutze es, aber nicht jetzt.