无法通过 require 在 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
};

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

Not able to use custom functions in webpack with require

require

reactjs

webpack