我有以下 Node.js 项目(这是我的问题的最小工作示例):
模块1.js:
module.exports = function() {
return "this is module1!";
};
模块2.js:
var module1 = require('./module1');
module.exports = function() {
return module1()+" and this is module2!";
};
服务器.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!"
这显然不起作用 - 它会产生两个错误:
- ReferenceError: 要求未定义。
- ReferenceError: module2 未定义。
使用Node-Browserify:运行后:
browserify module2.js > module2.browserified.js
我将 client.html 更改为:
<script src='require.js'></script>
<script>
var module2 = require('module2');
alert(module2());
</script>
这不起作用 - 它会产生一个错误:
- ReferenceError: module2 未定义。
使用@Torben 的Smoothie.js:
<script src='require.js'></script>
<script>
var module2 = require('module2');
alert(module2());
</script>
这不起作用 - 它会产生三个错误:
- module2.js 第 1 行的语法错误。
- SmoothieError: 无法加载模块 2 (0)
- 类型错误:module2 不是函数
我查看了require.js,但它与 Node.js 结合起来看起来太复杂了——我没有找到一个简单的示例,它只采用现有的 Node.js 模块并将其加载到网页中(如示例中所示)。
我查看了head.js和lab.js,但没有发现 Node.js 的要求。
那么,我应该怎么做才能从 HTML 页面使用我现有的 Node.js 模块 module2.js?