grunt-browser-dependencies

grunt-browser-dependencies

Download js files from the web, name them what you want and where you want, keep browser dependencies inside package.json if you want.

Getting Started

This plugin requires Grunt ~0.4.0

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-browser-dependencies --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-browser-dependencies');

grunt-js-template task

Run this task with the grunt browserDependencies command.

Example config

    browserDependencies: grunt.file.readJSON('package.json').browserDependencies,

grunt.initConfig({

  "browserDependencies": {
              "options": {},
              "labjs": {
                  "dir": "src/js/lib/labjs",
                  "files": [
                      {
                          "labjs-2.0.3.js": "https://raw.github.com/getify/LABjs/master/LAB.min.js"
                      },
                      {
                          "labjs-debug-2.0.3.js": "https://raw.github.com/getify/LABjs/master/LAB-debug.min.js"
                      }
                  ]
              },
              "jquery": {
                  "dir": "src/js/lib/jquery",
                  "files": [
                      {
                          "jquery-1.10.2.js": "http://code.jquery.com/jquery-1.10.2.js"
                      },
                      {
                          "jquery-2.0.3.js": "http://code.jquery.com/jquery-2.0.3.js"
                      }
                  ]
              },
              "jquery_plugins": {
                  "dir": "src/js/lib/jquery/plugins",
                  "files": [
                      {
                          "jquery.migrate-1.2.1.js": "http://code.jquery.com/jquery-migrate-1.2.1.js"
                      },
                      {
                          "jquery.XDomainRequest.js": "https://raw.github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest/master/jQuery.XDomainRequest.js"
                      },
                      {
                          "jquery.serializeJSON-1.0.0.js": "https://raw.github.com/marioizquierdo/jquery.serializeJSON/1.0.0/jquery.serializeJSON.js"
                      },
                      {
                          "jquery.cookie-1.3.1.js": "https://raw.github.com/carhartl/jquery-cookie/v1.3.1/jquery.cookie.js"
                      },
                      {
                          "jquery.requestAnimationFrame-0.1.2.js": "https://raw.github.com/gnarf37/jquery-requestAnimationFrame/85a4ffffae9225c5e08c768aeadcaaa53eabdcbe/src/jquery.requestAnimationFrame.js"
                      },
                      {
                          "jquery.animate.enhanced-0.99.js": "https://raw.github.com/benbarnett/jQuery-Animate-Enhanced/9d83aaadcc94ea67c69344cb7815cb3ccb8a6c36/scripts/src/jquery.animate-enhanced.js"
                      },
                      {
                          "jquery.placeholder-2.0.7.js": "https://raw.github.com/mathiasbynens/jquery-placeholder/master/jquery.placeholder.js"
                      }
                  ]
              },
              "backbone": {
                  "dir": "src/js/lib/backbone",
                  "files": [
                      {
                          "backbone-1.0.0.js": "https://raw.github.com/documentcloud/backbone/1.0.0/backbone.js"
                      }
                  ]
              },
              "underscore": {
                  "dir": "src/js/lib/underscore",
                  "files": [
                      {
                          "underscore-1.5.1.js": "https://raw.github.com/jashkenas/underscore/1.5.1/underscore.js"
                      }
                  ]
              },
              "modernizr": {
                  "dir": "src/js/lib/modernizr",
                  "files": [
                      {
                          "modernizr-2.6.2.js": "https://raw.github.com/Modernizr/Modernizr/v2.6.2/modernizr.js"
                      }
                  ]
              },
              "mustache": {
                  "dir": "src/js/lib/mustache",
                  "files": [
                      {
                          "mustache-0.7.2.js": "https://raw.github.com/janl/mustache.js/0.7.2/mustache.js"
                      }
                  ]
              },
              "enquire": {
                  "dir": "src/js/lib/enquire",
                  "files": [
                      {
                          "enquire-2.0.0.js": "https://raw.github.com/WickyNilliams/enquire.js/v2.0.0/dist/enquire.js"
                      },
                      {
                          "match-media-polyfill.js": "https://raw.github.com/weblinc/media-match/master/media.match.js"
                      }
                  ]
              },
              "qunit": {
                  "dir": "test/qunit-1.11.0/lib",
                  "files": [
                      {
                          "qunit-1.11.0.js": "https://raw.github.com/jquery/qunit/v1.11.0/qunit/qunit.js"
                      },
                      {
                          "qunit-1.11.0.css": "https://raw.github.com/jquery/qunit/v1.11.0/qunit/qunit.css"
                      }
                  ]
              }
          }

});



grunt.registerTask('default', ['browserDependencies']);

// or in your package.json (browserify-shim config optional):

"browserDependencies": {
        "options": {},
        "main":{
            "dir": "client_modules",
            "files":[
                {
                    "jquery-2.0.3.js": "http://code.jquery.com/jquery-2.0.3.js",
                    "require_by": "jquery",
                    "exports": "$",
                    "depends": {}
                },
                {
                    "enquire-2.0.0.js": "https://raw.github.com/WickyNilliams/enquire.js/v2.0.0/dist/enquire.js",
                    "require_by": "enquire",
                    "depends": {},
                    "exports":"enquire"
                }
            ]
        }

// Then in your gruntfile using grunt-browserify:

browserify: {
      build: {
        src: ['client/js/init.js'],
        dest: 'built/static/js/<%= pkg.name %>.js',
        options: {
          transform: [
            'hbsfy',
            'requireify',
            'promethify'
          ],
          shim: (function(){
              var shim = {};
              var dir = grunt.file.readJSON('package.json').browserDependencies.main.dir;
              grunt.file.readJSON('package.json').browserDependencies.main.files
              .forEach(function(conf){
                var currentShim = shim[conf['require_by']] = {};
                currentShim.path = dir + '/' + Object.keys(conf)[0];
                currentShim.exports = conf.exports;
                if(conf.depends){
                    currentShim.depends = conf.depends;
                }
              });
              return shim;
          }())
        }
      },

// Allows one central config for all external client side js that needs to be built.