创建任务 - gulpfile.js

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

🎉 8 周年订阅优惠

要使用 gulp 去处理文件,需要在项目下面,去创建一个叫 gulpfile.js 的文件,在这个文件里,我们可以去添加要执行的任务。先用编辑器打开项目的目录,然后在项目的根目录下面,去创建这个 gulpfile.js ...

首先我们要去把需要的 gulp 模块包含进来,可以使用 require 这个方法,在这个方法里,指定一下要包含进来的模块,这里就是 gulp ,这个方法会返回一个对象,我们可以去给这个对象起个名字 ... 可以叫它 gulp ...

var gulp = require('gulp');

这样,我们就可以使用 gulp 对象的方法去做一些事情了。在这里要添加一个任务,用的是 task 这个方法。输入 gulp.task() ... 这里方法里面有两个参数,一个是要添加的这个任务的名字 ... 第二个参数就是这个任务要做的事情。 这个任务可以叫做 hello ... 然后再用一个匿名函数 ... 在这个函数里,用一个 console.log ... 在控制台上输出一点文字 ...

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

现在, 我们就可以在命令行下面,去执行 gulp 的 hello 这个任务了 ... 保存一下 ... 回到命令行工具 ... 进入到项目所在的目录以后 ... 输入 gulp ,后面加上要执行的任务 ... hello ...

这里你会看到,输出了 您好,这两个字 ... 这就是 hello 这个任务要做的事儿。

在后面的视频里我们会继续去使用 task 这个方法去创建任务。另外,我们可以为项目去添加一些默认要执行的任务,回到编辑器 ... 另起一行再去创建一个任务。

gulp.task() ... 这个任务的名字是 default ,表示这是默认的任务,然后在第二个参数里面,去指定一下默认要执行的任务的列表 ... 这个参数是一个数组 ... 数组里的每个项目就是默认要执行的任务。 这里我们把在上面定义的 hello 这个任务添加到这里。

gulp.task('default', ['hello']);

保存 ... 回到命令行 ... 这回我们可以直接输入 gulp .. 然后回车 ... 这样,gulp 会去执行所有在默认里面添加的任务。 因为我刚才添加了一个 hello 任务到这个默认的任务里面,所以,这里会显示 您好,这两个字。

创建任务 - gulpfile.js《 Gulp 自动化任务 》

统计

11393
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点