在现有的Codeigniter hmvc应用程序中实现requirejs和客户端模板

Question

We have been working on a codeigniter hmvc project for quite sometime now and it has grown into a lot of back-end modules and controllers. For the front end we have been applying the regular jQuery and plugin approach along with inline scripting for Front end interaction and Ajax related tasks. Also we used HTML strings inside JS as our approach to templating.

But since now the application has gone big, we are in need to embrace the modular approach for our client side code along with implementing a build system for optimization of JS code. During our research we found a few candidates that would help us start managing the code. We zeroes in on requirejs for dependency management and for templating we are considering on out of handlebars/moustache/dust.js.

However, it seems like most of the applications using require and templating are based on backbone and are basically one page web apps. So, how do we implement the front end modularity and templating as a part of our already working (and growing) Codeigniter hmvc application ?

Answer 1

RequireJS is a good choice for managing your code base. It's hard to give good advice regarding other technologies, it depends on your preferred coding style, needs and JavaScript expertise.

Definitely compare different frameworks yourself and see which one is more comfortable. Some candidates include KnockoutJS, AngularJS, EmberJS.

And yes, you need to reference main.js in the data-main attribute of require.js script on every page (if you not creating single page app). Think of it as an entry point into your program.