Requirejs load different js file inside define()

Question

My webpage has different js components that handles different business logic. And I'm using RequireJS to manage dependencies. I want to dynamically load the component which is needed.

For example:

define(['something'],function(something){
    var processor;
    if(userRole === "student"){
        //I want to dynamically load studentProcessor.js here;
    }
    else if(userRole === "teacher"){
        //I want to dynamically load teacherProcessor.js here;
    }     

    processor.process();
});

Really appreciate if anyone can tell me what is the best way to handle this.

GOTO 0 · Accepted Answer · 2016-09-18 10:17:21Z

3

I think the cleanest way to handle this is having a sort of mapping from user roles to processors. Then in your function, you still need to check that userRole is set, and a processor for the role is defined.

// This is where processors are associated to user roles.
var roleToProcessorMapping =
{
  student: './studentProcessor.js',
  teacher: './teacherProcessor.js'
};

define(['something'],function(something){
    if(userRole){
      var processorPath = roleToProcessorMapping[userRole];
      if(processorPath){
        require([processorPath], function(processor){
          processor.process();
        });
        return;
      }
    }
    // handle error
});

edited Sep 18, 2016 at 10:17

answered Sep 18, 2016 at 7:12

GOTO 0

48.8k25 gold badges139 silver badges165 bronze badges

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

2 Comments

Ryan Hu Over a year ago

Thank you for your help~ But i got a "Module name "***" has not been loaded yet for context" error from requirejs. So i have to change the processor = require(path) to require([path],function(processor){}) to have it fixed. Is it also correct?

GOTO 0 Over a year ago

Sure @RyanHu, I was considering the Node.js syntax, but yes, that's the way you load modules with requirejs.

Collectives™ on Stack Overflow

Requirejs load different js file inside define()

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