84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
初入gulp,已经安装好,
接下来呢?怎么在浏览器里面访问?我怎么对项目进行开发、管理呢?
新手勿喷~
之前的模式是一个静态目录,里面有html文件和css、js文件,直接在浏览器打开html文件就可以预览,用文本编辑器打开就可以编辑。
认证0级讲师
首先你要理解gulp在整个开发流程中担任的角色是什么,简单说它只是一个自动化构建工具。
怎么在浏览器里面访问?
这个看你的项目是如何部署的,如果仅仅是静态页面,那就直接打开html文件就可以了。如果是部署在server上,那就用浏览器访问server上的资源。
我怎么对项目进行开发、管理呢?
这个gulp对项目开发并没有什么直接的影响,要说管理的话,可以把你的项目每一次迭代需要做的事情划分成若干小的流程,比如编码、运行单元测试、检测代码format、压缩代码、发布等等,其实对于个人来讲,编码的过程才是最重要的过程,其他剩余的流程都是机械化的流程,这些流程往往不需要你去亲自关注(如果没有出问题的话),你只需要将这些流程以task的方式托管给gulp,这样你每次提交一次commit,gulp都可以帮助你进行一次上面提及的重复性工作,帮你节省时间。
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都可以帮助你进行一次上面提及的重复性工作,帮你节省时间。
gulp只是一个流式自动化构建工具,它本身并不参与程序的运行,更多的时候负责编码,压缩,发布等。
比如gulp-babel ,这个插件就是利用babel,将es6转化成es5代码
这个配置就是将 src下的所有*.es6文件转码成es5 的js文件。
至于less,我没用过,这个我就不能帮你举例了,怕弄错误导你,但是也是类似的,gulp 从始至终 只是负责管理 这些任务,具体的程序例如less和 babel需要别的插件来完成。gulp只是管理流程