1. Everything you have to do in order to load a YUI/AlloyUI module is to wrap your code in something like:
AUI.add('mymodule', function (A) {
// the code of your module goes here
},'', {
requires: ['node-base']
});
In "requires" you have to specify the modules, which your module require. I specified "node-base" above, which should be enough for most DOM operations.
2. As soon as you have your module, you will have to load it to the page. And here there are a few methods to do it. The simplest is just to add it via script element, like:
<script src="mymodule.js"></script>
and that is it.
3. Then you just require this module from another piece of code, like:
AUI().use('mymodule', function(A) {
});
However, there are many more better ways to register one or more modules. The
answer, showed in StackOverflow shows how to create more complex configuration. Here you specify more than one module.
Even more complex configuration could be to create your own group of modules, and reuse our combo loader, or even to use your own combo loader. AlloyUI and YUI are very powerful and flexible in this sense.
However, it might make more sense if you just
create your modules and join them in a single file during the build process then add this file to the page and reuse the modules where needed. In this case you will have only one request to the server. There are many details and other drawbacks here, but let's ignore them for now. It depends on how much time you have and how many modules.
In general, the best practice is:
1. Create good architecture and split your code in modules.
2. Describe their configuration and provide this info to Alloy.
3. Load these modules on demand.
The combo loader in master is now able to load JS files outside html/js, but this functionality hasn't been backported to 6.2.x AFAIK. But you may easily create your own or just to pack your modules in single JS file.
Hope that helps.
