Although there are great solutions to manage dependencies on the server side, I could not find any that satisfies all my needs to have a coherent client side JavaScript dependency management workflow. I want to satisfy these five requirements:

1. Manage my client-side dependencies in a format similar to npm's package.json or Bower's bower.json

   
   



2. It should have the flexibility to point to a Git repository or actual JavaScript files (either on web or locally) in my dependency.json file for lesser known libraries (npm let you point to Git repositories)

   
   



3. It should minify and namespace all libraries into a single file like Ender - that's the only JavaScript file I would need to put in my <script> tag in the client side

   
   



4. It should have out of box support for CoffeeScript like BoxJS4 (now dead)

   
   



5. In the browser, I should be able to use either require style:

   
   

    var $ = require('jquery');
   
    var _ = require('underscore');
   
   

   
   

   Or better yet, do headjs style:

   
   

    head.js(['jquery', 'underscore', 'mylib'], function($, _, mylib) {
   
      // Executed when all libraries are loaded
   
    });
   
   

   
   

If no one such single tool exists, what is the best combination of tools i.e. a tool-chain that I can combine using something like Volo (or Grunt)?

I have already researched all the tools I have linked to in here and they satisfy only up to three of my requirements at best individually.

So, please don't post again about these tools. I would only accept an answer that provides a single tool that satisfies all five of my requirements or if someone posts a concrete workflow/script/working example of a toolchain of multiple such tools that also satisfies all my requirements.