首页 > 运行gulp之后呢?

运行gulp之后呢?

初入gulp,已经安装好,

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

新手勿喷~

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


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只是管理流程


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

怎么在浏览器里面访问?

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

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

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

【热门文章】
【热门文章】