Question

I know this is the whole point of require.js, but it does not behave this way in my situation.

I am creating a single page Backbone.js application. The main entry point to the application is trough a router. Let’s say I have 3 routes:

users: function(){
    require('users');
},
products: function(){
    require('products');
},
groups: function(){
    require('groups');
},

Based on the function I call I want to load the file, but require.js does not do this.

Instead it downloads all the files for my complete website everywhere there is a require. I haven’t even called the function but it loads the file.

Is there a way to have require.js behave as it should, and download the file only when I am actually inside the function.

Answer 1

You can basically do what you have in your code snippet. It’d look something like this:

users: function(){
    require(['users'], function(Users){
        //Code
    });
},
products: function(){
    require(['products'], function(Products){
        //Code
    });
},
groups: function(){
    require(['groups'], function(Groups){
        //Code
    });
},