using require.js with FB SDK

Question

I would like to load FB SDK using require.js.

my test case is something like this:

test.js:

require([        
     'libs/facebook/fb'
     ], function(FB){
     FB.api("/me", function(){});
));

I would like to have test.js run only after FB SDK is loaded, and have FB ready for it.

Any thoughts on how this can be achieved? what should my wrapper (libs/facebook/fb.js) have?

Answer 1

It doesn't seem like the FB API is an AMD module, so it doesn't define itself in a manner to which RequireJS is accustomed to. You will need to shim the FB API using require.config. I'm assuming test.js is the script you have provided as the data-main value for RequireJS.

require.config({
    shim: {
        'facebook' : {
            exports: 'FB'
        }
    },

    paths: {
        'facebook' : 'libs/facebook/fb'
    }
});

require(['facebook'], function(FB){
    FB.api('/me', function(){});
});