如何将nodejs文件与html文件一起使用？答案

【问题标题】：How to use nodejs file with html file?如何将nodejs文件与html文件一起使用？
【发布时间】：2019-05-06 07:38:07
【问题描述】：

我有一个 HTML 和 JAVASCRIPT 的前端。我需要从 nodejs 文件中获取值并将其显示在 HTML 标签中。所以我创建新的节点 js 文件 node.js 为：

const Web3 = require('web3');
const web3 = new Web3('https://kovan.infura.io');

web3.eth.getBalance('0x9E632F36D8193a23ee76e7C14698aCF4b92869A2').then(console.log);

我将此文件包含在脚本标记中：

 <script src="node.js"></script>

首先我想在控制台中查看输出，但它给出了一个错误

Uncaught ReferenceError: require is not defined

所以，我直接在脚本标记内的 HTML 文件中尝试此代码，而不包括节点文件，但仍然给出相同的错误。有人可以帮我吗？我是新手，不能一起使用所有这些。

【问题讨论】：

这里很好地解释了为什么stackoverflow.com/a/9901097/9172668
你不能像这样使用前端文件中的节点内容。您必须创建一个节点服务器来创建包含所需信息的文件，例如使用 EJS 模板。基本上节点的东西只能在服务器上使用，而不是在浏览器中。
我明白为什么会出现这个问题。但是如何解决呢？

标签： javascript node.js html

【解决方案1】：

不知何故，我设法找到了解决方案。我使用了 browserify，这让我可以轻松地从我的网络应用程序运行 nodejs 代码。浏览器没有定义 require 方法，但 Node.js 有。使用 Browserify，您可以编写使用 require 的代码，就像在 Node 中使用它一样。

browserify 将递归分析应用程序中的所有 require() 调用，以便构建一个可以在单个标记中提供给浏览器的捆绑包。我参考了这个链接：http://browserify.org/

【讨论】：

投稿者能否解释一下为什么投我的答案？