我试图理解RequireJS以及如何使用它来加载在我尝试在模块中使用它们时不会显示为Undefined的依赖项.
我开始使用John Papa的Pluralsight"SPA with HTML5"课程.我从未理解为什么需要在脚本标记中指定每个库,当我认为在requireJS中AMD的全部要点是你将责任交给它并且它的data-main属性异步加载时需要什么.对于该课程中提出的解决方案而言,双重困惑的是它没有遵循RequireJS文档中记录的整个数据主要设置.
移动几个月,我们现在拥有带有Durandal的"Hot Towel"模板,一个示例"服务"模块,一个遵循RequireJS文档的设置和一个相当容易理解的入门应用程序.唯一能听起来警钟的是大多数库都在通常的"脚本"文件夹中,而Durandal与应用程序逻辑一起位于一个完全独立的"app"文件夹中.如果我从pluralsight SPA课程中学到了一件事并且使用requireJS,那就是从一个文件夹中移动东西会很快变得非常混乱.
无论如何,新模板工作正常.模块依赖性工作得很好,Views和ViewModel是绑定的,并且有一个示例记录器模块,它具有模块依赖于Durandal模块(即在app文件夹中),效果很好.根据Hot Towel模板中的代码添加另一个使用jQuery和mockJson的简单模块应该很简单,对吧？呃,不,不是真的.
这是一个非常简单的声明,用于在'app/services'文件夹中启动我的模块'dataservice.js'
define(['jquery'],
function ($) {
var init - function....
当我尝试在我的代码块中访问它时,我当然得到'undefined'.因此,在阅读了太多令人困惑的文献之后(其中大部分结果都是评论说'这在jquery xxxx中发生了变化因此不再相关')我有以下问题:
当我监视网络流量时,我可以看到jQuery库正在被正确下载,如果我将它添加到BundleConfig.cs中定义的'vendor'包中,那就是mockJSON所以jQuery就在那里等着我的浏览器,即使我没有我自己给它一个模块定义.要摆脱我的模块文档中的'undefined'引用似乎意味着我需要添加如下内容:
require.config({
paths: {
'text': 'durandal/amd/text',
jquery: '../Scripts/jquery-1.9.1'
}
});
('text'声明已经存在.我只是添加了jquery别名)这导致我的模块有一个函数而不是'undefined'解决了部分问题,除了它导致脚本的第二个副本我已经看到由于Hot Towell模板'供应商'捆绑而下载.我不想出于明显的原因下载两个jQuery副本,所以我该如何解决这个问题呢？
我已将mockJSON库添加到我的'vendor'包中,这通常是使用$ .mockJSON引用的.我无法做任何事情来使其有效.即使我使用与jquery相同的进程来修改对脚本的引用,其中包含'require.config({paths:'声明我未定义,更不用说'库已下载两次'问题已经提到过了.如何定义库依赖项,以便在模块中使用该库？
我猜这种痛苦与requireJS是关于下载异步模块但jQuery和mockjson是同步的事实有关,所以我必须通过其他方式下载它们(捆绑硬编码参考),但这仍然意味着我的requireJS模块需要一种方式来表明它们是依赖关系,而我尝试过的任何工作都没有.我对这是一个syncrhonoys /异步问题的假设是正确的吗？我本来希望在Durandal中找到至少一个使用jQuery并且理想情况下是jquery插件的示例应用程序但我能看到的只是使用Durandal模块的模块代码而不是其他任何东西.所有这些库都在requireJS的主根之外的事实可能会加剧这个问题,因为我不得不求助于带有'../'字符串的路径来获取引用.有没有人知道为什么除了Durandal之外的所有图书馆的结构都在一个文件夹中,但Durandal是完全独立的？存在？
我理解requireJS在define命令中使用'convention over configuration',这样如果我错过了一个模块id,那么它会假设一个基于模块源文件名的id和来自使用data-main指定的已定义根文件夹的路径.然而,杜兰达尔在其代码中引用了一个名为"入口"的模块.这个模块不在根文件夹中,而是在一个名为'Durandal/transitions/entrance.js'的文件夹中,所以我很困惑为什么对它的引用是'入口'而不是'Durandal/transitions/entrance'.哪里有别名？
最后(hoorah)我没有把握依赖关系作为第一个参数(一个字符串数组)指定为一个定义语句与省略这些依赖关系然后在模块工厂中成为第一个指定类似var系统的参数之间的差异的微妙之处= require('../ system') - 为什么我会使用一种形式而不是另一种形式.我看到两个类型在示例应用程序中混合使用并且不明白原因.
PS:当我编辑这个条目时,我看到五个问题编号为1到5.当我查看它时,我看到它被渲染为1然后是1到4.一些奇怪的HTML编辑器与渲染错误无论我尝试什么格式我都没有'能够修复,所以请发表任何评论,好像有五个问题编号为1到5而不是2编号1和3编号2到4!)