Nicht in der Lage, benutzerdefinierte Funktionen in Webpack mit require

Question

zu verwenden Ich erstelle eine progressive Web-app mit react und Webpack. Ich habe alles erfolgreich konfiguriert und kann die Entwicklung starten. Jetzt habe ich viele Hilfsfunktionen wie:

function getCookie(name) { 
     var start = document.cookie.indexOf(name + "="); 
     var len = start + name.length + 1; 
     if ((!start) && (name != document.cookie.substring(0, name.length))) { 
     return null; 
     } 
     if (start == -1) return null; 
     var end = document.cookie.indexOf(';', len); 
     if (end == -1) end = document.cookie.length; 
     return unescape(document.cookie.substring(len, end)); 
} 

Also, für diese i eine andere js-Datei erstellt haben: helper.jsx. Nun enthält meine helper.js die obige Funktion wie sie ist. Jetzt möchte ich die obige Funktion in einer anderen Reaktionskomponente verwenden.

ich in meiner Komponente erforderlich mache:

var helper = require("helper"); 

und versuchen, die Funktion aufzurufen, mit:

helper.getCookie('user'); 

Was mich helper.getCookie schenkt ist kein definiert. Bitte sagen Sie mir, wie kann ich einen Helfer js erstellen und die Funktionen von Helfer js in meinen reagierenden Komponenten verwenden.

Answer 1

Sie benötigen die Funktion module.exports exportieren:

function getCookie(name) { 
     var start = document.cookie.indexOf(name + "="); 
     var len = start + name.length + 1; 
     if ((!start) && (name != document.cookie.substring(0, name.length))) { 
     return null; 
     } 
     if (start == -1) return null; 
     var end = document.cookie.indexOf(';', len); 
     if (end == -1) end = document.cookie.length; 
     return unescape(document.cookie.substring(len, end)); 
} 

module.exports = { 
    getCookie: getCookie 
};