使用gulp构建nodejs，你只需要记住5个函数

关注

原创最新推荐文章于 2026-07-15 13:27:31 发布 5.4w 阅读 AI 写同款· GEO 优化 ›

前端搭建Nodejs+npm+gulp开发环境一安装NodeJSNodeJS官网地址：https://nodejs.org/zh-cn/ 首先到NodeJS的官网下载安装文件，如果是windows的机子，会得到msi的安装文件，双击之后一路next就可以了。安装完成后，在命令行执行node -v(显示NodeJS版本)和npm -v(显示npm版本)查看NodeJS是否安装成功。 NPM是随同NodeJS一起安装的包管理工具，能解决N 阅读详情

gulp

gulp是一个nodejs的streaming构建工具，所谓的streaming大致意思就是把构建流程想成一个个链接的管道（pipe）。

为什么要这样做呢？

要解释原因，就不得不提到unix。unix本身只提供了数量相对较少的命令，但是你可以命令的组合完成很强大的功能。命令和命令之间的衔接通常就用的是pipe。

类似，使用gulp，你仅仅只需要记住5个命令。这5个命令就是gulp提供给我们的一套streaming构建的架子，也就相当于提供了unix中的pipe功能。至于说pipe中每个命令的功能，则可以使用现有的plugin或者自定义完成。

安装gulp

如果npm版本比较老，可能会遇到安装gulp失败的情况

更新/安装npm：

curl https://www.npmjs.org/install.sh | sudo sh

安装npm:

npm install -g gulp

npm install--save-dev gulp

安装完成以后，可以用gulp -v试一试是否正确

[20:29:16] CLI version 3.8.5
[20:29:16] Local version 3.8.5

一个最简单的gulp脚本

gulpfile.js

---

var gulp = require('gulp')

gulp.task('default', function() {
console.log('this is the default task')
})

运行：gulp

[20:29:02] Starting 'default'...
this is the default task
[20:29:02] Finished 'default' after 74 μs

gulp和大多数的构建工具类似，都是由task组成的，上面的例子中，default是task名字，也表示是默认的task。也可以用gulp default运行，执行的是同一task。

一个第二简单的gulp脚本(src, pipe)

安装jasmine插件

npm install --save-dev gulp-jasmine

gulpfile.js

---

var gulp = require('gulp');
var jasmine = require('gulp-jasmine');

gulp.task('default', function () {
return gulp.src('spec/google.spec.js')
.pipe(jasmine());
});

安装superagent方便测试

spec/google.spec.js

---

var superagent = require('superagent')

describe ('google', function() {
it("should return the google homepage", function(done) {
superagent.get('http://www.google.com/')
.end(function(e, res) {
expect(e).toBe(null)
expect(res.status).toBe(200)
done();
})
})
})