使用 requireJS 加载标准 javascript 文件

Question

我正在试用 requireJS，以使用 Knockout 改进 Javascript 在 ASP.NET MVC 应用程序上的加载。

我有一些定义自定义 ko 绑定的文件：

(function (ko, bindings) {
    bindings.stopBinding = {
        init: function () {
            return { controlsDescendantBindings: false };
        }
    };

    bindings.anotherBinding = { ... };
})(ko, ko.bindingHandlers);

如果我尝试以这种方式加载它作为 requireJS 模块：

define(['jquery', 'knockout', 'custom/knockout.bindings'], function ($, ko){
   ko.applyBindings(...);
});

我收到 ko is not defined 错误。

我知道我可以将这个文件包含在一个 require 回调中，例如为了让它工作：

require(['knockout'], function (ko) {
    (function (ko, bindings) {
        bindings.stopBinding = {
            init: function () {
                return { controlsDescendantBindings: false };
            }
        };

        bindings.anotherBinding = { ... };
    })(ko, ko.bindingHandlers);
});

有没有另一种方法可以让这个文件工作而不必更新应用程序中的每个遗留 JS 文件？我想过使用 shim，但我没有得到任何结果，但我对 requireJS 很菜鸟，所以也许我遗漏了一些明显的东西。

Answer 1

感谢 this answer，我设法将 Knockout 注入全局命名空间，使其可用于需要它的遗留 Javascript 文件。

首先，创建一个在全局命名空间中注入 ko 的模块：

define('knockout.inject', ['knockout'], function (k) {
    window.ko = k;
    return k;
});

然后，将模块映射到 knockout 以针对每个 knockout 依赖项执行它。

var require = {
    baseUrl: "/Scripts",
    paths: {
        //...
        "knockout": "knockout-3.3.0.debug",
        "knockoutbindings": "knockout.bindings",
    },
    shim: {
        "knockoutbindings": {
            deps: ["knockout"]
        }
    },
    map: {
        // inject ko back in the global namespace
        '*': {
            'knockout': 'knockout.inject'
        },
        // prevent cycles
        'knockout.inject': { 'knockout': 'knockout' }
    }
};

使用 requireJS 加载标准 javascript 文件

Load standard javascript files with requireJS

javascript

requirejs

knockout.js