javascript - 运行gulp之后呢？

Question

初入gulp，已经安装好，

接下来呢？
怎么在浏览器里面访问？我怎么对项目进行开发、管理呢？

新手勿喷~

之前的模式是一个静态目录，里面有html文件和css、js文件，直接在浏览器打开html文件就可以预览，用文本编辑器打开就可以编辑。

Answer 1

首先你要理解gulp在整个开发流程中担任的角色是什么，简单说它只是一个自动化构建工具。

怎么在浏览器里面访问？

这个看你的项目是如何部署的，如果仅仅是静态页面，那就直接打开html文件就可以了。如果是部署在server上，那就用浏览器访问server上的资源。

我怎么对项目进行开发、管理呢？

这个gulp对项目开发并没有什么直接的影响，要说管理的话，可以把你的项目每一次迭代需要做的事情划分成若干小的流程，比如编码、运行单元测试、检测代码format、压缩代码、发布等等，其实对于个人来讲，编码的过程才是最重要的过程，其他剩余的流程都是机械化的流程，这些流程往往不需要你去亲自关注（如果没有出问题的话），你只需要将这些流程以task的方式托管给gulp，这样你每次提交一次commit，gulp都可以帮助你进行一次上面提及的重复性工作，帮你节省时间。

Answer 2

gulp只是一个流式自动化构建工具，它本身并不参与程序的运行，更多的时候负责编码，压缩，发布等。
比如gulp-babel ，这个插件就是利用babel，将es6转化成es5代码

var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task("default", function () {
  return gulp.src("src/**/*.es6")
    .pipe(babel())
    .pipe(gulp.dest("dist"));
});

这个配置就是将 src下的所有*.es6文件转码成es5 的js文件。

至于less，我没用过，这个我就不能帮你举例了,怕弄错误导你，但是也是类似的，gulp 从始至终 只是负责管理 这些任务，具体的程序例如less和 babel需要别的插件来完成。gulp只是管理流程