Dependant
Dependant is a dependency manager for frontend JavaScript. Unlike AMD, there's no enforced format. If a library can be used with <script> tags, it works with Dependant.
Install
[sudo] npm install -g dependant
Configure
Create a file deps.json in your project root that looks something like this:
{
"vendor": { // Third party code in here
"base": "res", // Optional, defaults to "js"
"packages": {
"jquery": {},
"underscore": {},
"backbone" : {
"deps": ["jquery", "underscore"] // Optional, defaults to []
},
"ace": {
"path": "ace/src/ace.js" // Optional, defaults to base/name.js
}
}
},
"app": { // Your code in here
"packages": {
"modal": {},
"settings": {
"deps": ["modal"]
},
"toolbar": {},
"main": {
"deps": ["settings"]
}
}
}
}Use
Run dep > all.js from the project root. Dependant will work out what order the files need to be in, then concatenate all the files in that order into all.js. Then stick <script src="all.js"></script> into your HTML.