Плагин отображения Knockout.js с require.js

Каков стандартный способ загрузки плагина отображения в 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. Любые указатели/предложения будут оценены.

Спасибо, Ravi

Ответы

Ответ 1

При использовании с AMD плагин сопоставления экспортирует свою функциональность в отдельный объект. Таким образом, функциональность будет привязана к вашей переменной mapping, и вы можете отключить ее методы (например, mapping.fromJS).

Вы можете выбрать ko.mapping, равный mapping в вашем коде, если у вас есть код, который полагается на ko.mapping, который вы не можете изменить.

Ответ 2

Объект конфигурации может указывать набор зависимостей и обратный вызов, где может выполняться дополнительная конфигурация/манипуляция зависимостей:

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

  // configuration dependencies

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

  // configuration callback

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

И когда вы включаете свои скрипты в разметку, перед загрузкой необходимо загрузить конфигурацию:

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

Теперь Knockout.js будет доступен с свойством ko.mapping по желанию при использовании в определении модуля.

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

Обратите внимание, что это сокращенный пример конфигурации. Там некоторый shimming, необходимый для плагина отображения, чтобы указать правильный экспорт, просто не помните, с моей точки зрения, что это такое.

Ответ 3

На стороне примечания, поскольку вы используете Lo-Dash, вам не нужно включать "подчеркивание" в "прокладку" RequireJS, опции. В Lo-Dash поддерживается поддержка AMD.