Использование ScriptSharp с Knockout.Mapping через RequireJS

Question

Я борюсь со всей загрузкой сценария # Зависимость.

У меня есть сценарий # Проект, ссылающийся на библиотеку нокаутов. Который я должен работать после некоторого времени с RequireJS.

Теперь я хотел бы использовать KnockoutJS отображение, которое согласовывалось бы что-то вроде

var model = ko.mapping.fromJS(data, {}, new ViewModel()); 

Однако ko.mapping не определено.

Если я вручную (только для тестирования) изменить скомпилированный файл .js включить отображение как это:

define('MyApp', 
    ['ss', 'jquery', 'knockout', knockout.mapping], 
    function (ss, $, ko, mapping) { /*...*/ } 
); 

«отображение» определяется, но не как «ko.mapping», который, как компилятор ссылается на него.

Любые идеи?

Это мой конфиг:

requirejs.config({ 
    paths: { 
     'jquery': 'jquery-1.9.1', 
     'jqueryValidation': 'jquery.validate', 
     'knockout': 'knockout-2.2.0', 
     'knockout.mapping': 'knockout.mapping-latest.debug', 
     'modernizr': 'modernizr-2.6.2' 
    }, 
    shim: { 
     'jqueryValidation': ['jquery'], 
     'jquery.validate.unobtrusive': ['jquery', 'jqueryValidation'], 
     'jquery.unobtrusive-ajax': ['jquery'], 
     'knockout.mapping': ['knockout'] 
    } 
}); 

Answer 1

Это звучит как Script # предполагает, что ko и ko.mapping находятся в глобальном пространстве имен, не загружен как AMD. НО, Knockout и Knockout.mapping кодируются таким образом, что при обнаружении AMD/RequireJS они не используют глобальное пространство имен.

Пару вариантов обойти это:

1 - INJECT сразу после require.config называется (на основе комментариев ниже), а не ожидая чего-то на самом деле просить нокаута или knockout.mapping

requirejs.config({ 
    // same as original 
}); 

require(["knockout", "knockout.mapping"], function (ko, m) {  
    ko.mapping = m; 
}) 

2 - создайте свой собственный модуль обертки, чтобы ввести его обратно в глобальный. Что-то вроде этого:

define('knockout.inject', ['knockout'], function(k) 
{ 
    window.ko = k; // make a ko global 
    return k; // but also return what a normal AMD require expects 
}); 

define('knockout.mapping.inject', ['knockout.mapping'], function(m) 
{ 
    window.ko.mapping = m; // make a ko.mapping global 
    return m; // but also return what a normal AMD require expects 
}); 

ТОГДА, вы можете сделать конфигурацию карты RequireJS так, что всякий раз, когда вы запрашиваете «нокаут» или «knockout.mapping», они получают прозрачно переназначены на ваши выше обертки.

requirejs.config({ 
    paths: { // same as original }, 
    shim: { // same as original }, 
    map: { 
     '*': { 
     'knockout': 'knockout.inject', 
     'knockout.mapping': 'knockout.mapping.inject' 
     }, 
     // prevent cycles 
     'knockout.inject': {'knockout': 'knockout'}, 
     'knockout.mapping.inject': {'knockout.mapping': 'knockout.mapping'} 
    } 
}); 

Answer 2

В этом примере (https://github.com/nikhilk/scriptsharp/tree/cc/samples/KOWorld) показывает использование сценария # + нокаута наряду с requirejs как загрузчик AMD.

Обязательно просмотрите шаблон сценария в AssemblyInfo.js, чтобы сделать все это.

Надеюсь, это поможет и поможет.