title: How to include scripts automatically in a yeoman/grunt project?
body: <p>I have a working yeoman project. I am using grunt-usemin.</p>
  
  <p>To include javascripts, I do this in <code>index.html</code>:</p>
  
  <pre><code>&lt;!-- build:js scripts/includes.js --&gt;
  &lt;script src="/bower_components/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/underscore/underscore-min.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/angular-route/angular-route.min.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/angular-resource/angular-resource.min.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/angular-sanitize/angular-sanitize.min.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/angular-ui-date/src/date.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/angulartics/src/angulartics.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/angulartics/src/angulartics-ga.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/jquery-ui/ui/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/vendor/bootstrap.2.3.1.min.js"&gt;&lt;/script&gt;
  ... a few more libs like that
  
  &lt;script src="/scripts/config.processed.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/app.js"&gt;&lt;/script&gt;
  
  &lt;script src="/scripts/controllers/first_controller.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/controllers/second_controller.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/controllers/third_controller.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/controllers/fourth_controller.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/controllers/fith_controller.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/controllers/sixth_controller.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/controllers/seventh_controller.js"&gt;&lt;/script&gt;
  ... 20 more like that
  
  &lt;script src="/scripts/directives/first_directive.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/directives/second_directive.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/directives/third_directive.js"&gt;&lt;/script&gt;
  ... 10 more like that
  
  &lt;script src="/scripts/services/first_service.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/services/second_service.js"&gt;&lt;/script&gt;
  ...
  
  &lt;script src="/scripts/filters/first_filter.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/filters/second_filter.js"&gt;&lt;/script&gt;
  ...
  &lt;!-- endbuild --&gt;
  </code></pre>
  
  <p>This is verbose. I would like to be able to do something like this:</p>
  
  <p>In <code>index.html</code>:</p>
  
  <pre><code>&lt;!-- build:js scripts/includes.js --&gt;
  
  &lt;!-- library includes as before --&gt;
  &lt;script src="/bower_components/jquery/jquery.min.js"&gt;&lt;/script&gt; 
  &lt;script src="/bower_components/underscore/underscore-min.js"&gt;&lt;/script&gt;
  ...
  
  &lt;!-- Replace application includes with this: --&gt;
  &lt;script src="&lt;% '/scripts/**/*.js' %&gt;"&gt;&lt;/script&gt;
  
  &lt;!-- endbuild --&gt;
  </code></pre>