javascript - 在浏览器中使用浏览器化的 NodeJS 文件

Question

我有一个 NodeJS 文件，我使用 browserify 模块对其进行浏览器化。我使用了以下命令

browserify testFile.js -o bundle.js

为了在浏览器中使用此文件，我使用了 window 对象。

假设以下代码是在浏览文件后生成的。

var Main = function () {
   this.foo = function () {
   },
   this.temp= function () {
   },
   this.bar= function () {
   }
}

为了使用我将其更改为

window.Main = function () {
       this.foo = function () {
       },
       this.temp= function () {
       },
       this.bar= function () {
       }
    }

然后为了使用这些函数，我使用了以下代码:

var obj= new Main ();

然后我可以说obj.foo();或 obj.bar();

所有这些工作正常，但我想知道这是否是从浏览器文件调用函数的正确方法。

请建议使用浏览器文件的正确方法。

Answer 1

当您将 Browserify 用于整个项目时，它是一个很棒的工具。仅将其用于单个文件几乎没有意义。它的重点是避免全局变量，而不是设置 window.Main 你可以这样做:

module.exports = function () {
   this.foo = function () {
   },
   this.temp= function () {
   },
   this.bar= function () {
   }
}

然后在需要访问上述内容的所有文件中，执行以下操作:

var Main = require('./path/to/main.js');

Browserify 自动解析并内联所有 require 调用，因此您只需在启动应用程序的单个文件上运行 Browserify。