Setting data-main for multiple html files in requirejs

Question

I am building a simple project that has below modules.

login page (HTML)
Register Page(HTML)
Main Page(HTML)

Since everything will be in modules,I have chosen requirejs for this task plus it's module loading capability.

I wanted to know, if there will be 3 html files in my project, will there be 3 data-main, I mean 3 main files that will have configuration.

Is there way to have a single main file or I need to have only one HTML file, that shows one functionality(i.e. login or register or main page) at a time. Which one will be a good approach or practice. I am new to requirejs. Thanks in Advance.

Both are possible. What approach is best really depends on the specifics of your application. — Louis
– Louis, Commented Mar 10, 2014 at 16:53

Simon LeVasseur · Accepted Answer · 2014-03-13 06:17:59Z

1

If you are building a multi-page application then each page will need to load requirejs and have a data-main. The reason being is that going to a new page will no longer have the files loaded and will lose it's memory.

More common nowadays is to build a single-page application with hash routing. When using something like RequireJS it is often with this kind of app in mind. You can have one index.html file that will load templates based on what you're trying to display (login/register/main). A routing library like routie (http://projects.jga.me/routie/) and others will handle changing the hash in the address bar.

If you do take the single page application route, I would suggest using a framework like KnockoutJS, BackboneJS, AngularJS, Ember.js... Any of these will help with most of the heavy lifting.

answered Mar 13, 2014 at 6:17

Simon LeVasseur

4223 silver badges9 bronze badges

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

2 Comments

Mozak Over a year ago

Thanks Simon for the answer, I have looked into AngularJS and so it looks good. Not sure what backbone is capable of, but reviews from other developers are good.

Simon LeVasseur Over a year ago

AngularJS is a good choice, it is gaining a lot of popularity and has improved a lot since its original conception. Note that for AngularJS you do not need Routie since Angular provides it's own routing implementation. Good luck!

Collectives™ on Stack Overflow

Setting data-main for multiple html files in requirejs

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