title: front end development workflow with angularjs and gruntjs
body: <p>I wanted to know how the front end development workflow is organized when we use HTML 5 and angularjs.</p>
  
  <p>We use a Jetty java back end (Cannot be changed), and we want to expose restful services which the angularjs can consume.</p>
  
  <p>With angularjs it so happens that the main page needs to include many js files, most of which are application specific, we intend to split the application logically in js files.</p>
  
  <p>So how would you recommend having the front end development workflow ?, in order to avoid handling so many different js files a colleague has suggested the use of minification of js files using grunt.js , however once minified it becomes difficult to debug the same from my IDE...</p>
  
  <p>Also should we be using minification during development, can this be pushed to a stage just before deployment or the like , so during development we use the unminified js files however minify them for the production release ?</p>
  
  <p>If that is possible,please also suggest how does one handle the script imports within the index.html</p>
  
  <p>Basically we are new to this approach of development, till recently we used JSF for our views however we now want to check out the JS based libraries and see if they can improve productivity.</p>