javascript - 如何使用 browserify 在客户端 html 文档中使用 Node.js 包

Question

我无法通过 broweserify 在我的网站上使用 node.js 模块。该示例仅显示如何运行与 .html 文件分开的 javascript 文件，而不是如何在 .html 文件中使用 node.js 模块。似乎是一个微不足道的问题，但我无法让它发挥作用。

这是我所做的:

1. 初始化 node.js 并安装了一个包，npm i webtorrent-health作为例子
2. 创建 require_stuff.js由一行组成:var WebtorrentHealth = require('webtorrent-health')
3. 运行 browserify:browserify require_stuff.js > bundle.js
4. 在我的 html 文档中包含包，例如<script src='bundle.js'></script>
5. 在我的文档中的某处使用包，例如像这样:<script>webtorrentHealth(magnet).then(foobazbar())</script>

尽管bundle.js执行并看似定义了 webtorrentHealth，.html 文档中的脚本失败并显示 WebtorrentHealth is not defined .我究竟做错了什么？我如何让它发挥作用？谢谢!

Answer 1

您非常接近您想要实现的目标。事实上，由于 browserify，您的代码 bundle.js 无法从外部(在您的情况下是浏览器)访问，但是您可以通过在文件末尾写入 require_stuff.js 来公开您的模块:

window.WebtorrentHealth = WebtorrentHealth;

现在您可以在文档中使用 WebtorrentHealth。