Avoid multiple src files in my html page

Question

I have a website I'm working on in Visual Studio 2013 and I'm mainly using AngularJS 1.2.6. In my index.html I have a src line for each .js file which for 3 page is 6 lines, 1 js file for each controller and 1 js page for each view.

Is there a way I could consolidate all of these lines into 1 .js file and call that .js file in my index.html?

Answer 1

Yes, you can use something like grunt.js to build a custom build script for your .js files. In your case, you may want to use grunt-contrib-concat with grunt-contrib-watch .

If you are not familiar with grunt, feel free to read the tutorial .