javascript - 为大js包构建脚本

Question

我正在使用 d3.js 编写一个相当复杂的 js 图表库。代码被组织在多个文件中(准确地说是 17 个)，每个文件都有一个或多个类。此外，该代码具有多个外部依赖项，例如 d3.js、jQuery、underscore、...

要加载图表，需要以适当的顺序加载不同的文件，以管理文件之间的相关性。

我想创建一个构建脚本来管理所有依赖项(内部和外部)以创建一个独立的库。我知道 requirejs，喜欢它并且想使用它。但是我没有找到一种方法让它在不添加客户端依赖的情况下编译服务器端代码。

这里的目标实际上是让库可以像任何其他库一样轻松地用于任何项目，只需加载一个文件即可。由于我也计划在服务器端使用该库，因此我希望该解决方案也能与 node.js 兼容。

这是一个伪造的代码示例，显示了我的代码的样子。

//  in file1.js
var Foo = {}
Foo.Class1 = function(params){
    this.params = params;
    this.bar = function(){
        return this.params.bar || "bar";
    }
}

//  in file2.js
foo.Class2() = function(params){
   $.extend(this, new Foo.Class1(params));

   this.bar = function(){
        return this.params.bar || "BAR";
    }
}

Answer 1

有很多项目结合了 JavaScript，例如 YUI Compressor , Grunt或 Brunch .