javascript - 如何构建 JavaScript 项目？

Question

我目前正在开发一个大型 JavaScript 项目，我们希望为其定义自己的 API。我使用 RequireJS 作为我的依赖加载器，它非常适合我，允许我在它们各自的文件中定义模块。我不使用我自己的命名空间，一个模块返回一个实例，它可以在其他模块中使用，即:

define(
    ['imported_module'],
    function(module){
        module.doSomething();
    }
)

但是随着文件数量的增加，我想决定如何在文件夹中组织这些文件。目前我使用以下方案命名我的文件:

[projectname].[packagename].[ModuleName]

一个例子可以是 stackoverflow.util.HashMap.js。我想介绍一个项目文件夹，每个包一个文件夹，并将文件重命名为模块名称，如:

stackoverflow/util/HashMap.js

这将我的代码非常巧妙地组织到文件夹中，但是文件名现在仅反射(reflect)模块。我想定义某种路由 以便能够定义 RequireJS 应该如何查找文件。示例:

文件

stackoverflow/util/stackoverflow.util.HashMap.js

应该是可导入的语句

define(['stackoverflow.util.HashMap'],function(HashMap){});

有人有构建大型 JavaScript 项目的经验吗？如果有，您能分享一下您的方法吗？

Answer 1

你不应该在你的 js 文件名上指定路由信息，那些是命名空间和文件夹路径的工作。所以 stackoverflow/util/HashMap.js 就好了。您可以使用 define("stackoverflow/util/HashMap", ....) 来告知依赖关系。

如果您需要将模块放在不同的文件夹中，您可以为加载程序配置路径，参见 this manual来自 RequireJS API。

没有最好的方法来构建您的 js 文件。但是将根命名空间放在 src 文件夹中始终是一个好习惯。你可以看到 dojo source code和 YUI source code并为您的项目使用类似的方法。它们都是大型 Javascript 项目。