title: How to have GULP bundel libraries installed by Bower, ASP.Net 5
body: <p>I have installed both <code>jQuery</code> and <code>jQuery-Validation</code> in my ASP.Net 5 application using the new Bower system. This has crated a folder called <code>lib</code> which contains a folder for both packages. In the folder for the packages there are LOTS of files and subfolders and after some digging around it looks like I only need to use the <code>.js</code> files in the <code>dist</code> folder.</p>
  
  <p>I am also using <code>gulp</code> for bundling and minification but I am not sure how to configure it so it will add the files form the <code>dist</code> folders along with my own custom <code>JavaScript</code> files.</p>
  
  <p>I am very new to both <code>Gulp</code> and <code>Bower</code> but so far they look far more cumbersome, annoying, and complex then the old <code>NuGet</code> and ASP.Net 2.5 Bundling and Minification way.</p>
  
  <p>My Gulp (generated by VS2015 for me):
      /// 
      "use strict";</p>
  
  <pre><code>var gulp = require("gulp"),
      rimraf = require("rimraf"),
      concat = require("gulp-concat"),
      cssmin = require("gulp-cssmin"),
      uglify = require("gulp-uglify");
  
  var paths = {
      webroot: "./wwwroot/"
  };
  
  paths.js = paths.webroot + "js/**/*.js";
  paths.minJs = paths.webroot + "js/**/*.min.js";
  paths.css = paths.webroot + "css/**/*.css";
  paths.minCss = paths.webroot + "css/**/*.min.css";
  paths.concatJsDest = paths.webroot + "js/site.min.js";
  paths.concatCssDest = paths.webroot + "css/site.min.css";
  
  gulp.task("clean:js", function (cb) {
      rimraf(paths.concatJsDest, cb);
  });
  
  gulp.task("clean:css", function (cb) {
      rimraf(paths.concatCssDest, cb);
  });
  
  gulp.task("clean", ["clean:js", "clean:css"]);
  
  gulp.task("min:js", function () {
      return gulp.src([paths.js, "!" + paths.minJs], { base: "." })
          .pipe(concat(paths.concatJsDest))
          .pipe(uglify())
          .pipe(gulp.dest("."));
  });
  
  gulp.task("min:css", function () {
      return gulp.src([paths.css, "!" + paths.minCss])
          .pipe(concat(paths.concatCssDest))
          .pipe(cssmin())
          .pipe(gulp.dest("."));
  });
  
  gulp.task("min", ["min:js", "min:css"]);
  </code></pre>
  
  <p>EDIT:
  I just added <code>jquery.validatie.unobtrusive</code> and it does not have a <code>dist</code> folder just some <code>json</code> files and the core <code>.js</code> file at the package root so how do I make sure I am grabbing all the right stuff here?</p>