無法在webpack中使用自定義函數，需要

Question

我正在使用react和webpack創建漸進式網絡應用程序。 我已經成功配置了一切，並能夠開始開發。 現在，我有很多的輔助功能，如：

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

所以，爲了這個，我已經創造了另一個js文件：helper.jsx。 現在我的helper.js包含上面的函數。現在我想在另一個反應組件中使用上述功能。

我做我的部件的要求：

var helper = require("helper"); 

，並試圖通過調用該函數：

helper.getCookie('user'); 

這是給我helper.getCookie是不是一個定義。 請告訴我如何創建一個助手js，並在我的反應組件中使用助手js的功能。

Answer 1

你需要使用module.exports導出功能：

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 
};