使用backbone.js和requirejs包创建Web应用程序,要使用requirejs优化工具。

7

我非常感谢Addy Osmani和Thomas Davis发布的示例和样板文件(http://backbonetutorials.com/organizing-backbone-using-modules, https://github.com/addyosmani/backbone-aura),它们对我的启蒙有很大帮助。

我正在开发一个大型Web应用程序。因此,我有许多组件,例如地址管理、日期管理和待办事项。每个组件占据了我的应用程序中的整个空间(除了菜单栏)。在菜单中选择一个新组件需要进行页面转换。

起初,我采用了上面教程中使用的文件结构和样板文件(将所有视图放入“views”目录中)。但是随着更多的组件被添加进来,将所有视图放入一个视图目录中变得令人困惑。即使创建子目录也不是解决方案,因为在这种文件结构中,我失去了哪个视图与哪个模型相关的信息。

所以我寻找另一种解决方案,并找到了requirejs amd packages (http://requirejs.org/docs/api.html#packages)。这对我很有帮助,因为所有属于同一组件的模块(模型、集合、视图)都放在一个目录中。因为对每个模型都进行了后缀处理,例如"Model"等,所以事情变得足够清晰。

现在来到问题: 我处于预生产阶段。我还没有开始构建和合并生产部署的文件。但是现在我想尝试使用requirejs优化器。 我已经阅读了James Burke的页面"http://requirejs.org/docs/optimization.html",但并不是所有内容都很清楚。

我想要的是:我有这些包目录。一个包目录中的所有amd模块(视图、模型、集合)应该被合并成一个文件,但它们的依赖关系不应该被包含在内,因为许多这些外部包依赖项已经在开始时分别加载。

是否有任何人有相同或类似的要求,已经采取了这一步骤,并能给出一些提示。

非常感谢
Wolfgang


我刚发布了一个开源工具包,希望它可以像对我有帮助一样地帮助其他人。它由许多开源工具组成,可以为你提供一个可用的 requirejs backbone 应用。它提供单个命令来运行:dev web 服务器,jasmine 单个浏览器测试运行器,jasmine js-test-driver 多浏览器测试运行器和 JavaScript 和 CSS 的连接/缩小。它还输出未缩小版本的应用程序以进行生产调试,预编译您的 handlebar 模板并支持 i18n。它只是有效。 http://github.com/davidjnelson/agilejs - davidjnelson
1个回答

8

谢谢您的回答,您能告诉我们您使用了哪些样板文件以及为什么选择它们吗? - Shlomi Schwartz
我写了第一个文件,其中包含构建脚本以及几个实际的AMD分支,包括Backbone和Underscore,因此无需使用第二个文件所使用的加载器。第三个是使用Node作为服务器的示例。 - jcreamer898
请问您能否添加一个指向那个AMD分支的链接?我找不到它。 - abstraktor
这里有几个... https://github.com/amdjs - jcreamer898

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接