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

标签 javascript angularjs node.js browserify

我想我在使用 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 上找不到它。或者,也许我全都错了。

最佳答案

@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

关于javascript - Browserify - 在客户端公开一个方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32338193/

相关文章:

javascript - module.js 474 抛出错误

javascript - angularjs $resource 将查询资源列表转换为对象数组

javascript - Cufon 颜色被覆盖

javascript - 为什么我不能/不应该使用 while 循环来监视异步 jQuery 操作?

javascript - AngularJS $scope.$apply() 困境

javascript - 用户界面路由器 : Best way to initialize variables when state is accesed

node.js - VueJS表单数据如何发送带有其他数据的图像文件

node.js - NodeJs GUI 前端

javascript - 制作 :focus change css of another class

angularjs - 为什么 Angular 2 项目如此之大