Massive Number Of Scripts With Angular
For starters, they will take all your files based on a pattern and "compile" them down to a single file - no more adding lots of script references.  That's just the tip of iceberg.  

I happen to prefer Gulp.  Take a look at the npm packages for gulp.  For what you're trying to achieve, start with gulp-concat and gulp-livereload.

Follow the instructions here to get you started.

Here's an example that uses a watch to keep an eye on file changes, and, when detected, initiates a 'build' tasks, which will the livereload your page (requires the livereload plugin in chrome/firefox/whatever).

You will then only need a reference to the ./public/js/app.js file in your index.html file.

Note the build task uses two different globs, this is to ensure, in the case of AngularJS, that the module definition file is always the first thing in the concatenated file.



var gulp = require('gulp');
var concat = require('gulp-concat');
var livereload = require('gulp-livereload');

gulp.task('build', function() {
 return gulp.src(['src/**/*.module.js', 'src/**/*.js'])
  .pipe(concat('app.js'))
  .pipe(gulp.dest('./public/js'))
  .pipe(livereload());
});

gulp.task('default', ['build'], function() {
 livereload.listen({
    start: true
  });

  gulp.watch('src/**/*.js', ['build']);
});




Like a said, this is just the tip of the iceberg.  There are tons of examples of very powerful workflows using Gulp and Grunt out there.