require.js依赖项-如何在其他脚本中合并依赖项方法

Question

我在lobb.js项目中使用raphael.js。 导入raphael就像一个超级按钮（此版本兼容AMD）。 一切都按预期进行。 “ app”是在另一个app.js文件中定义的预定义全局对象。

define（['jquery'，'underscore'，'app'，'backbone'，'raphael']，function（$，_，app，Backbone，Raphael）{

var AppView = Backbone.View.extend({

initialize: function() { 

    app.paper = Raphael(0, 0, app.w, app.h);

} ...}）}）

现在我的app.paper具有所有Raphael方法。 太棒了！

我刚刚在Raphael API中发现可以使用Raphael.el和Raphael.fn添加自己的预定义方法

initialize: function() { 

    app.paper = Raphael(0, 0, app.w, app.h);

    Raphael.el.myfill = function(){
        this.attr('fill', '90-#fff-#000');
    }

    app.paper.circle(x,y,r).myfill(); //it works! (Brilliant!)

    }

}

我的问题是，如何将Raphael.el.myfill定义与其他Raphael.fn.mydefined方法一起放入另一个javascript文件，并将其带入上述AppView中？

我不想使用冗长的定义来阻塞我的AppView文件，并且我也想提供在不同视图中使用哪个Raphael。[el | fn]定义的可变性。 但是由于这些对象构造函数已经作为我已经作为依赖项进入的Raphael.js对象的一部分，所以我不确定如何使用require.js协议将Raphael.el和Raphael.fn定义分开。 在require.js之前，我只是将这样的定义放在另一个myRaphaelDefs.js文件中，在我的html中添加另一个“ script”标签，它们都将始终可用，但这是2015年，我跳上了模块化js潮流。

我使用的是AMD兼容的RedRaphael分支，因此Raphael.js本身没有“定义”包装。 如果该库确实带有这样的包装器，我可以尝试将外包定义作为依赖项直接添加到Raphael.js中。 （不是一种选择）RedRaphael可以直接使用require.js，因此那里没有“定义”包装器。

Answer 1

我们要做的是在我们的库周围添加一个包装器，并使用require.config中的map选项对其进行路由，以便该包装器获取原始库，但其他所有操作都将包装器抛出：

raphael-wrapper.js：

define(['raphael'], function (Raphael) {
    Raphael.el.myfill = function(){
        this.attr('fill', '90-#fff-#000');
    };
    return Raphael;
});

require.config：

{
    paths: {
        'raphael': '/path/to/rahpael'
    },
    map: {
        '*': {
            'raphael': '/path/to/rahpael-wrapper'
        },
        '/path/to/rahpael-wrapper': {
            'raphael': 'raphael'
        }

    }
}