无法在 webpack 中通过 require 使用自定义函数

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 没有定义。 请告诉我如何创建一个 helper js 并在我的 react 组件中使用 helper 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
};