gulpfile.js是gulp任务管理器的配置文件，默认情况下，该配置文件会把wwwroot/lib目录下的所有文件清除（clean任务），然后重新从bower_components目录中复制一份（copy任务）。
该文件配置的修改会影响到VS里的Task Runner Explorer的显示，如下图所示：
以默认配置为例，该配置文件在Task目录下注册了两个任务，分别是clean和copy，并默认在VS解决方案清除编译以后重新执行clean任务，但我们也可以给该任务绑定任何一个执行时间点，我们可以右键该任务->绑定->在构建之前，然后在点击面板左边的刷新按钮，这时候该绑定内容就会同步保存在gulpfile.js的第一行，代码如下：
/// <binding BeforeBuild='copy' Clean='clean' />
此时，删除wwwroot/lib目录下所有的文件，然后重新编译BookStore项目，就会自动在wwwroot/lib目录下生成所有需要的文件，即将Bower.json里定义的各种包按照配置需求复制到该目录下。
clean任务
clean任务的主要作用，是在编译之前或清理解决方案是，将lib目录下的前端文件全部删除，以便重新copy新的文件。具体分析如下：
var gulp = require("gulp"), // 引用gulp rimraf = require("rimraf"),// 引用rimraf fs = require("fs"); //引用文件系统 eval("var project = " + fs.readFileSync("./project.json")); //读取project.json配置文件 var paths = { bower: "./bower_components/", lib: "./" + project.webroot + "/lib/" }; gulp.task("clean", function (cb) { //注册clean任务 rimraf(paths.lib, cb); // 递归删除lib目录下的所有文件 });
copy任务
copy任务则很简单，将bower_components目录下符合条件的文件复制lib目录下，分析如下：
gulp.task("copy", ["clean"], function () { // 注册copy任务 var bower = { // 目录对应关系 "bootstrap": "bootstrap/dist/**/*.{js,map,css,ttf,svg,woff,eot}", "bootstrap-touch-carousel": "bootstrap-touch-carousel/dist/**/*.{js,css}", "hammer.js": "hammer.js/hammer*.{js,map}", "jquery": "jquery/jquery*.{js,map}", "jquery-validation": "jquery-validation/jquery.validate.js", "jquery-validation-unobtrusive": "jquery-validation-unobtrusive/jquery.validate.unobtrusive.js" } for (var destinationDir in bower) { gulp.src(paths.bower + bower[destinationDir]) // 读取源目录 .pipe(gulp.dest(paths.lib + destinationDir)); //复制到目标文件夹 } });
Grunt任务
VS2015中，虽然默认支持的是Gulp构建工具，但其实还支持Grunt构建工具，使用方式和Gulp类似，要使用Grunt，也需要引用类似的依赖包，示例如下：
{ "version": "0.0.0", "name": "", "devDependencies": { "grunt": "0.4.5", //grunt任务管理器 "grunt-bower-task": "0.4.0" // 基于grunt的bower管理插件 } }
上述代码中的grunt-bower-task是一个基于grunt的bower管理插件，用于自动执行bower的install命令来安装Bower包。
注意：已经安装的包不能自动移除（即不能通过在JSON中移除配置），需要右键执行该包，并手工卸载。
gruntfile.js是grunt任务管理器的配置文件，要使用grunt，就需要创建gruntfile.js文件，默认情况下，该配置文件只配置了grunt-bower-task插件的任务执行，该插件会读取bower.json配置信息，将相关的包通过bower:install命令都安装到指定的目录下（默认是通过targetDir设置的wwwroot/lib目录。
该文件配置的修改会影响到VS里的Task Runner Explorer的显示，如下图所示：
以默认配置为例，该配置文件注册了一个名为default的任务在该面板里（Alias Tasks列表中）显示，该任务也是Grunt的默认任务名称，但并没有定义该任务在什么时候执行，所以这时候我们可以给该任务绑定一个执行时间点，我们可以右键该任务->绑定->在构建之前，然后在点击面板左边的刷新按钮，这时候该绑定内容就会同步保存在gruntfile.js的第一行，代码如下：
/// <binding BeforeBuild='default' />
此时，删除wwwroot/lib目录下所有的文件，然后重新编译BookStore项目，就会自动在wwwroot/lib目录下生成所有需要的文件，即将Bower.json里定义的各种包按照配置需求复制到该目下。而Tasks中的任务，则是从grunt.loadNpmTasks里加载的包里分析出来的任务，如bower。
我们再来练习一个例子，假设我们编译之前要对wwwroot/css/目录下的site.css文件进行压缩（压缩成site.min.css），我们则可以安装如下方式进行操作：
首先，在package.json里定义一个可以压缩CSS代码的grunt插件：
{ "version": "0.0.0", "name": "", "devDependencies": { "grunt": "0.4.5", "grunt-bower-task": "0.4.0", "grunt-contrib-cssmin": "0.12.2" /*新的插件*/ } }
然后在grunt.initConfig下的bower同级节点下面，添加如下内容：