javascript - 有 requirejs 在加载模块时运行回调

Question

我需要在加载我的模块时加载 css，所以我使用垫片这样做了:

function loadCss(url) {
    var link = document.createElement("link");
    link.type = "text/css";
    link.rel = "stylesheet";
    link.href = url;
    document.getElementsByTagName("head")[0].appendChild(link);
}

requirejs.config({ paths: paths, shim: {
    'easyzoom': {
        'deps': ['jquery'],
        init: function () { loadCss('/lib/easyzoom/css/easyzoom.css'); }
    }}
});

它适用于其他库，例如 Datatables，因为它们是非 Amd 模块。但是对于 Amd 模块，requireJs 不会寻找垫片，因此不会引发我的 init 函数。

有没有办法在模块加载后调用回调？或者加载一个 Amd 模块，因为它是一个普通的 javascript 文件来查找垫片？

Answer 1

为适当的 AMD 模块(调用 define 的模块)定义 shim 会导致未定义的行为。

你可以做的是使用 map如下:

map: {
    '*': {
        easyzoom: 'easyzoom-intercept'
    },
    'easyzoom-intercept': {
        easyzoom: 'easyzoom'
    }
}

这样做是指定当任何模块 ('*') 需要模块 easyzoom 时，模块 easyzoom-intercept 应该是加载而不是。但是，当easysoom-intercept 想要加载easyzoom 时，应该加载模块easyzoom。然后创建一个 easyzoom-intercept 模块，如下所示:

define([easyzoom], function (ez) {
    loadCss('/lib/easyzoom/css/easyzoom.css');
    return ez;
});

此代码将在 easyzoom 加载后立即执行。