在 HTML 中使用 Node.js 模块答案

【问题标题】：Using Node.js modules in HTML在 HTML 中使用 Node.js 模块
【发布时间】：2014-02-18 02:47:37
【问题描述】：

我有以下 Node.js 项目（这是我的问题的最小工作示例）：

module1.js：

module.exports = function() {
    return "this is module1!";
};

module2.js：

var module1 = require('./module1');
module.exports = function() {
    return module1()+" and this is module2!";
};

server.js：

var module2 = require('./module2');
console.log(module2());  // prints: "this is module1! and this is module2!"

现在我想创建一个也将使用 module2.js 的 client.html 文件。这是我尝试过的（但失败了）：

幼稚版：

<script src='module2.js'></script>
<script>alert(module2());</script> // should alert: "this is module1! and this is module2!"

这显然不起作用 - 它会产生两个错误：

使用Node-Browserify：运行后：

browserify module2.js > module2.browserified.js

我将 client.html 更改为：

<script src='require.js'></script>
<script>
    var module2 = require('module2');
    alert(module2());
</script>

这不起作用 - 它会产生一个错误：

使用@Torben 的Smoothie.js：

<script src='require.js'></script>
<script>
    var module2 = require('module2');
    alert(module2());
</script>

这不起作用 - 它会产生三个错误：

我查看了require.js，但它看起来太复杂了，无法与 Node.js 结合使用 - 我没有找到一个简单的示例，它只采用现有的 Node.js 模块并将其加载到网页中（如示例中所示） )。

我查看了head.js 和lab.js，但没有发现Node.js 的需求。

那么，我应该怎么做才能从 HTML 页面使用我现有的 Node.js 模块 module2.js？

【问题讨论】：

【解决方案1】：

问题是您正在使用 CJS 模块，但仍然尝试使用内联脚本以旧方式播放。那不行，要么这个要么那个。

为了充分利用 CJS 风格，组织您的客户端代码与服务器端完全相同，因此：

创建client.js：

var module2 = require('./module2');
console.log(module2());  // prints: "this is module1! and this is module2!"

使用 Browserify（或您选择的其他 CJS 捆绑器）创建捆绑包：

browserify client.js > client.bundle.js

在 HTML 中包含生成的包：

<script src="client.bundle.js"></script>

页面加载后，您应该在浏览器控制台中看到“这是模块1！这是模块2！”

【讨论】：

【解决方案2】：

你也可以试试simq，我可以帮你。

【讨论】：

【解决方案3】：

您的 Smoothie Require 问题是由错误 (https://github.com/letorbi/smoothie/issues/3) 引起的。我最近的提交修复了这个错误，因此您的示例现在应该可以在没有任何更改的情况下工作。

【讨论】：