如何为（子）模块同时提供node.js和浏览器支持

Question

假设我有一个示例库，分为两个文件：基础库和附加模块。 基本模块位于module.js ：

var Calculator = {
    add: function(a, b) { return a + b; },
    sub: function(a, b) { return a - b; }
};

附加模块位于submodule.js ：

if (typeof Calculator == "undefined") {                                                                                                                                                                                                                                        
        var Calculator = {};                                                                                                                                                                                                                                                   
}                                                                                                                                                                                                                                                                              

Calculator.mul = function(a, b) { return a * b; };                                                                                                                                                                                                                             

Calculator.div = function(a, b) { return a / b; };

这就是构建了多少个js库（主模块+子模块），尽管它们的配置可能要好得多。 我已经准备了一个基本的index.html文件：

<html>
<head>
        <script type="text/javascript" src="module.js"></script>
        <script type="text/javascript" src="submodule.js"></script>
</head>
<body>
</body>
</html>

加载库并使我能够在浏览器中执行它（下面的控制台输出）：

Calculator.add(3,4)
7
Calculator.sub(3,4)
-1
Calculator.mul(3,4)
12
Calculator.div(3,4)
0.75

这就是图书馆的全部工作。 现在，我想提供对node.js的支持（不破坏对浏览器的支持）。 我已经用一个根参数将定义包含在立即调用的乐趣module.exports ，该根参数是在运行时计算的：节点的module.exports如果存在），否则为this==window （浏览器）。 代码如下：

(function(root) {

        root.Calculator = {
                add: function(a, b) { return a + b; },
                sub: function(a, b) { return a - b; }
        };

}(typeof module == 'undefined' ? this : module.exports));

运行节点时，可以导入模块：

> var c = require('./module.js')
undefined
> c
{ Calculator: { add: [Function], sub: [Function] } }

但是我该怎么导入子模块？

Answer 1

socket.io就是一个很好的例子。 您可以从那里看到结构。

如何为（子）模块同时提供node.js和浏览器支持

问题描述

1 个解决方案

解决方案1
0 2014-07-18 12:09:05

如何为（子）模块同时提供node.js和浏览器支持

问题描述

1 个解决方案

解决方案1 0 2014-07-18 12:09:05

解决方案1
0 2014-07-18 12:09:05