Javascript 依赖管理和打包

Question

我正在尝试弄清楚如何最好地管理 Javascript 文件依赖项，并以此来驱动 100% 前端应用程序的打包。简而言之，我正在使用 backbone.js 和其他一些库构建一个应用程序。我想要一个有组织的代码库，并希望能够在每个文件中声明依赖关系。理想情况下，这些声明将 a) 驱动浏览器加载文件的顺序(在开发中我希望文件单独加载)并驱动打包脚本加载脚本以进行连接的顺序(我的目标是服务整个应用程序的单个文件)。

我一直在阅读 requirejs 和 commonjs，但我不相信。

我现在有一个简单的 shell 脚本，它使用 cat <file> <file> <file> <file> > concatenated.file做我想做的事，但是要使文件列表保持最新并按正确的顺序进行维护是一件很痛苦的事情。能够在每个 javascript 文件的开头声明依赖关系并让打包器和加载器聪明地使用该信息来连接/加载脚本会容易得多。

有什么建议吗？

谢谢你，

路易斯

Answer 1

我自己偏爱 stealjs。它是 JavascriptMVC 的一部分，但没有理由不能将它与 Backbone.js 一起使用

这一个的好处在于它构建了您的生产应用程序，包括缩小您的 css 和 js 并将它们整齐地打包到 2 个文件中:production.css 和 production.js。

它也可以处理加载非 JS 文件，所以你可以做一些事情，比如 steal('somefile.css').then(function() {...});

对于文件，这与您在其他语言中所做的非常相似:

steal(dep1, dep2, dep3).then(function () {
    // code 
});