课时5 gulp运行

来源:互联网 发布:电信大数据营销 编辑:程序博客网 时间:2024/06/13 02:22

1.创建配置文件:

gulp 的任务要放到一个叫 gulpfile.js 的文件里面,先在项目的根目录下面创建一个这样的文件。 然后在这个文件的顶部添加下面这行代码:

var gulp = require(‘gulp’);

通过require可以把gulp模块引入当前项目并赋值给gulp变量
这样,gulp 这个变量里面就会拥有 gulp 的所有的方法了

2.创建gulp的任务

可以使用gulp的task方法
同样我们去创建一个叫 hello 的任务,它要做的事就是在控制台上输出 “您好” 这两个字
第一个参数是任务的名称,第二个参数是任务的定义,是一个匿名函数

gulp.task(‘hello’, function () {
console.log(‘您好’);
});

执行 Gulp 的任务,打开命令行工具,进入到项目所在的目录,然后输入:

gulp hello

会返回:

$ gulp hello
[21:36:34] Using gulpfile D:\mygit\zhufeng_automation\gulpfile.js
[21:36:34] Starting ‘hello’…
您好
[21:36:34] Finished ‘hello’ after 959 μs

gulp后面跟着的是任务的名称,不输入任务名称的话会默认找default任务,找不到会报错

执行其它任务

可以使用
gulp <task> <othertask>