title: Using Grunt to concat multiple js files but want them split?
body: <p>I am new to grunt (literally installed it today and using it) and its great, but i cannot work out something.</p>
  
  <p>I have an angularJs project and i would like to concat all my javascript files into 3 files overall.</p>
  
  <p>So i would have </p>
  
  <p>"base" - all the vendor javascript files for plugins etc</p>
  
  <p>"app" - all the controllers etc used by all users</p>
  
  <p>"admin" - all the controllers etc used but only ever accessed by administrators</p>
  
  <p>Now i have install grunt and setup my task for concat, but how can i have multiple dest and src attributes?</p>
  
  <p>Example of grunt file</p>
  
  <pre><code>grunt.initConfig({
      // Metadata
      pkg: grunt.file.readJSON('package.json'),
      concat: {
          options: {
              stripBanners: true
          },
          dist: {
              src: ['Scripts/jquery-*.js', '!Scripts/jquery-*.min.*', '!Scripts/jquery-*.intellisense.*', 'Scripts/bootstrap.js', 'Scripts/respond.js', 'js/**/*.js'],
              dest: 'dist/app.js'
          },
          distCss: {
              src: ['Content/bootstrap.css', 'Content/site.css'],
              dest: 'dist/app.css'
          }
      },
  });
  </code></pre>
  
  <p>Once i have figured this out, can i then have multiple ugilify attributes to ugilify each js file created?</p>