connect 的相关的配置也要放到配置对象里，就是这个在 initConfig 方法里面定义的对象 ... 先添加一个跟任务同名的属性 ... connect ... 它的值是一个对象 ... 在这个对象里面，我们可以定义多个任务的目标 ... 每个目标都可以定义一台服务器 ... 先添加一个 server ... 它的值也是一个对象 ... 然后把相关的选项，放到一个 options 属性里面 ...

在这个 options 里面，就是 server 这个目标的相关的配置 ... 比如去设置服务器的端口号，根目录等等 ... 要设置端口号，先添加一个 port 属性 ... 默认它的值是 8000 ，你也可以设置成其它的端口号，在创建多个服务器的时候，每台服务器的端口号都应该不一样 ... 比如这台服务器的端口号是 8000 ，另一台服务器你可以使用 8080 ...

我们先设置成默认的 8000 ... 逗号分隔一下 ... 另起一行，再设置一下 base 属性的值，这个属性的值就是服务器的根目录 ... 设置成 dist ... 因为我想用服务器打开这个目录下面的文件 ...

保存 .. 打开命令行工具 ... 输入 grunt connect:server ... 注意这个服务器只有在 grunt 运行的时候才会运行 ... 也就是 grunt 结束了任务，这个服务器也就会关掉了 .. 想让它一直运行下去，可以加上一个 keepalive ... 一般我们不会直接在 connect 任务上使用这个 keepalive ... 因为它会阻止其它的任务使用我们创建的服务器 ... 这里先用一下 ... 回车 ...

grunt connect:server:keepalive

打开浏览器 ... 输入 localhost:8000 　... 这样会用创建的 Web 服务器，服务在 dist 这个目录下面的文件 ... 默认会打开这个目录下面的 index.html ...