Using grunt to concatenate all vendor javascript files?

angularjs, gruntjs, javascript, yeoman

Solution

Yes, this is easy to configure. Just add the vendors scripts in the sources you pass the grunt `concat` task.

// Project configuration.
grunt.initConfig({
  concat: {
    dist: {
      src: ['vendors/**/*.js', 'scripts/**/*.js'],
      dest: 'built.js'
    }
  }
});

Problem

I'm using Yeoman (v1.x) with grunt (v0.4.2) to build an Angular project. The `build` task concatenates all my `app/script` JS files, but it leaves all of my dependency files unconcatenated, so that my built index.html makes these calls: ``` <script src="components/angular-unstable/angular.js"></script> <script src="components/jquery/jquery.js"></script> <script src="components/angular-resource/angular-resource.js"></script> <script src="components/bootstrap/js/bootstrap-dropdown.js"></script> <script src="components/moment/moment.js"></script> <script src="components/underscore/underscore.js"></script> <!-- xxxxxbuild:js scripts/scripts.js --> <script src="scripts/274baf7d.scripts.js"></script> ``` I would like all of the components my project uses, i.e. `angular.js`, `jquery.js`, and so forth, to be in `scripts.js`. Is it easy to reconfigure the GruntFile to do so? Or is this not done by default for a practical reason?

Original source