javascript - Browserify - 在客户端公开一个方法

Question

我想我在使用 Browserify 时遗漏了一些东西。我想浏览我的自定义 Node 模块，它公开了几个功能。我该怎么做？

我在 browserify 中看到的每个示例都始终是 console.log 或警报。如果它立即运行对我不好。我想按需运行我的 browserify 代码。

但是为了这个例子。假设我导出了一个求和方法。举个例子:

module.exports = {
  sum = function(a, b) {
    return a + b;
  }
};

在我通过标准命令对其进行浏览后:browserify index.js -o bundle.js。

然后我将这个文件添加到我的 index.html。

在我的 AngularJS 应用程序或任何客户端代码中。如何访问此sum 方法？

我在 window.sum 上找不到它。或者，也许我全都错了。

Answer 1

@WellDone2044 的答案应该会让您了解如何解决您的问题。当您运行 browserify 时，如 WellDone2044 所示，它将根据您的主文件捆绑您的 javascript 文件，在示例中为 index.js。捆绑输出将写入 bundle.js 并且 browserify 将包含 Node 的 require 函数。因此，您将能够在客户端脚本中使用 require 方法。请注意，您必须始终在对 js 脚本所做的每次修改时运行 browserify。您的索引文件可能如下所示:

var sum = require('./sum.js');

console.log(sum(1,2)); // displays 3