Loading all my scripts and libraries from a single script
I was just wondering if it would be a good practice to load all my .js scripts and .js libraries from a single file. I have been working on a few projects recently where I have had up 8 lines within my <head> tag.
I figured using jQuery's $.getScript function inside a single .js file would be a good solution... it's easiert to perform logic within that .js file, only loading the resources needed... it would also minimise markup within the HTML files.
The reason why I ask is because I have been to implement this method, but have been running into an issue. My HTML documents only have 2 .js file references, the jQuery library and a custom file called core.js which loads all the other scripts and libraries as well as performing site related functions. Within this core.js file at the very top I am using $.getScript to load the raphael svg library, then later on in the document, within a $(document).ready condition I am calling the Raphael function... It fails. If I load the Raphael library from the HTML document the function succeeds.
I assume that the $(document).ready is not respecting the $.getScript function...
Can anybody validate my theory and give me some suggestions as to wether this is a good method to load js files and libraries?