javascript - 将 JustGage 与 Require.js 结合使用

Question

JustGage 使用 Raphael，这已得到充分讨论 here ，不符合 AMD 标准(因此不适用于 Require.js)。

我以前没有使用过 Require.js，也没有做过很多 JS，所以我正在努力解决这个问题。我们进行了大量的尝试和错误;)

使用建议的方法here ，我已将 Raphael 模块拆分为单独的文件并单独包含它们，并猜测如何为 JustGage 做什么。

require.config({
    paths: {
        //other links removed
        'eve': 'vendor/eve/eve',
        'raphael-core': 'vendor/raphael/raphael.core',
        'raphael-svg': 'vendor/raphael/raphael.svg',
        'raphael-vml': 'vendor/raphael/raphael.vml',
        'raphael': 'vendor/raphael/raphael.amd',
        'justgage': 'vendor/justgage/justgage.1.0.1.min'
    },
    shim: {
        'eve': {
            exports: "eve"
        },
        'raphael': {
            deps: ['eve'],
            exports: "Raphael"
        },
        'justgage': {
            deps: ['raphael'],
            exports: "JustGage"
        }
    }
});

但是说明然后说“完成上述配置后，您可以像其他 require-js 模块一样开始使用 Raphael”，这没有多大帮助;)

我想我需要在 main.js 中做一些事情？

在我的 cshtml 页面中

require(["raphael", "justgage"], function(JustGage) {
    $(function() {
        var a = new JustGage({
            id: "pvgauge",
            value: @Model.GaugeValues.PV,
            min: @Model.PVGauge.MinValue,
            max: @Model.PVGauge.MaxValue,
            title: "Personal Volume",
            label: "PV",
            levelColors: gaugeSettings.levelColors,
            levelColorsGradient: gaugeSettings.levelColorsGradient,
            showInnerShadow: gaugeSettings.showInnerShadow,
            shadowSize: gaugeSettings.shadowSize,
            labelFontColor: '#7ACE30',
            titleFontColor: gaugeSettings.titleFontColor,
            valueFontColor: gaugeSettings.valueFontColor
        });
    });
});

现在这至少找到了 JustGage，但现在给出了错误'Raphael' is undefined。

(我也尝试过直接将脚本包含在 cshtml 文件中，但收到错误 'Mismatched anonymous Define() module: function (eve) {')

我的理解是否正确，Require.js 意味着事物不在全局范围内？ JustGage 预计 Raphael 会出现在全局范围内吗？

对于让 JustGage 工作有什么帮助吗？或者推荐一个与 Require.js 一起使用的“speedo”类型仪表的等效库？

Answer 1

快到了，您还需要将其添加到函数中，以便 JustGage 可以使用它。

require(["raphael", "justgage"], function(raphael,JustGage) {

如果 justgauge 是一个模块，那么您应该加载该模块中的依赖项，因为它将在该模块中查找 raphael，但是由于您已经加载了它，它应该可以工作，

更容易跟踪您的依赖项并在需要时加载它们，

define(['module' , "pathto/raphael"], function (module, raphael) {