compile RequireJS to remove AMD dependency

Question

I'm using RequireJS to manage my dependencies in development, but at production I would like to remove all dependencies on an AMD loader. It looks like the RequireJS optimizer creates a file that still uses an AMD load at runtime - I'm just looking to have a static (non-AMD dependent, but still AMD compatible) file, such as what jquery produces (from looking at jquery source, it appears they manually order their dependencies in their grunt file). Is this possible?

I'm open to using other libraries other than RequireJS as well.

Note: This is similar to my other question Javascript requirejs in development but compiled in production, but in this case I want to remove AMD all together.

How about using a smaller AMD loader, like Almond? - github.com/jrburke/almond — Simon Smith
@SimonSmith I'm aiming to remove AMD all together though from the compiled version. When compiled to a single file, why should I need to use AMD? — Jeff Storey
I'm also curious about this, as I don't want AMD to be a necessary (just sufficient) - did you end up solving this? — Aram Kocharyan
Right now I'm just manually ordering my dependencies and concatenating them (using the gradle plugin, but looking to switch to something like grunt or yeoman to get more sophisticated and integrate with require). It turns out that most of the dependency ordering doesn't matter in my case. — Jeff Storey

Olical Olical · Accepted Answer · 2013-07-17T11:24:57

If you want to have your script loadable via a <script> tag or AMD then you might want to use something based on how my EventEmitter class exposes its self.

// Expose the class either via AMD, CommonJS or the global object
if (typeof define === 'function' && define.amd) {
    define(function () {
        return EventEmitter;
    });
}
else if (typeof module !== 'undefined' && module.exports){
    module.exports = EventEmitter;
}
else {
    this.EventEmitter = EventEmitter;
}

This exposes the object via AMD, CommonJS (node) and the global object (i.e. window). This has one main caveat, it is intended for single file scripts that just want to expose their class via AMD.

If you have a lot of modules then you may want to first compile the script with r.js, shim AMD with Almond and then use something like the above to expose it in multiple ways above.

compile RequireJS to remove AMD dependency

3 Answers