带有 require.js 的 Knockout.js 映射插件答案

【问题标题】：Knockout.js mapping plugin with require.js带有 require.js 的 Knockout.js 映射插件
【发布时间】：2016-01-25 20:20:12
【问题描述】：

在 require.js 中加载映射插件的标准方法是什么？

下面是我的 config.js（require.js 配置文件）

require.config({
    // Initialize the application with the main application file.
    deps: ["app"],

    paths:{
        // JavaScript folders.
        libs: "lib",
        plugins: "lib/plugin",
        templates: "../templates",

        // Libraries.
        jquery: "lib/jquery-1.7.2.min",
        underscore: "lib/lodash",
        text: 'text',
        order: 'order',
        knockout: "lib/knockout",
        knockoutmapping: "lib/plugin/knockout-mapping"

    },

    shim:{
        underscore:{
            exports: '_'
        },

        knockout:{
            deps: ["jquery"],
            exports: "knockout"
        }
    }
}

在我的视图模型中

define(['knockout', 'knockoutmapping'], function(ko, mapping) {
}

但是，映射不绑定到 ko.mapping。任何指针/建议将不胜感激。

谢谢，拉维

【问题讨论】：

标签： knockout.js requirejs knockout-mapping-plugin

【解决方案1】：

与 AMD 一起使用时，映射插件会将其功能导出到单独的对象中。因此，该功能将附加到您的mapping 变量，您可以调用它的方法（如mapping.fromJS）。

如果您的代码依赖于您无法更改的ko.mapping，您可以选择在代码中将ko.mapping 设置为等于mapping。

【讨论】：

如何映射以便我可以继续使用 ko.mapping？ ty
如果需要，您可以将映射对象附加到 ko 对象。
只用 koMapping 作为别名就丢了一个点 :)

【解决方案2】：

您的配置对象可以指定一组依赖项和一个回调，可以在其中执行进一步的依赖项配置/操作：

var require = {
  paths: {
    'knockout': '...',
    'mapping': '...'
  },

  // configuration dependencies

  deps: ['knockout', 'mapping'],

  // configuration callback

  callback: function (ko, mapping) {
    ko.mapping = mapping;
  }
};

当你在标记中包含你的脚本时，配置应该在 require 之前加载：

<script src="/scripts/config.js" />
<script src="/scripts/require.js" />

现在，当在模块定义中使用时，Knockout.js 将根据需要提供 ko.mapping 属性。

define(['knockout'], function (ko) {
  // ko.mapping is available
});

请注意，这是一个简化的配置示例。映射插件需要一些垫片来指定正确的导出，只是不记得它是什么。

【讨论】：

我遇到了一个竞争条件，其中 require([.. 在回调运行之前被调用。我真的很喜欢回调如何设置 ko.mapping，但它对我不起作用一直

【解决方案3】：

附带说明，因为您使用的是Lo-Dash，所以您不需要在 RequireJS“shim”选项中包含“下划线”。 Lo-Dash 内置了 AMD 支持。

【讨论】：