RequireJS: optimize scripts and include RequireJS itself in it

Question

I have a complex JS-project that is written in AMD form. It uses RequireJS.

My system should be able to include it's functionality to different external sites. I want to compile it to a single js-file and include it like this:

<script type="text/javascript" src="http://mysystem.com/core-build.js"></script>

I don't know if an external site has requirejs or not, that's why it seems that requirejs itself should be included into core-build.js. Compiled file should be completely independ on the environment.

From the other side, it should not redefine an external site environment. My system uses jquery, knockout, and theese libraries should be defined locally for my system purposes only. They should not affect the site's global namespace.

So my question is how to optimize scripts to one file, include requirejs itself in it and wrap everything into a local namespace?

Simon Boudrias · Accepted Answer · 2013-01-08 21:17:41Z

3

You could use the Grunt concat task:

concat: {
    dist: {
        src: [
            "www/assets/js/libs/require.js",
            "dist/debug/app.js"
        ],

        dest: "www/app_build.js",

        separator: ";"
    }
}

You can see an example app setup on Backbone Boilerplate (even if you're not using Backbone).

answered Jan 8, 2013 at 21:17

Simon Boudrias

44.9k16 gold badges109 silver badges137 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kasheftin Over a year ago

Simon, thanks for Your reply. I use r.js, and it seems r.js and grunt have similar functionality. I'll take a look to r.js-concat option and write down config for it. Also r.js has namespace option, and that solves the thing about affections on the global environment.

Simon Boudrias Over a year ago

Grunt wrap the r.js build into a task too, checkout: grunt-contrib-requirejs.

Collectives™ on Stack Overflow

RequireJS: optimize scripts and include RequireJS itself in it

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related