入门gulp前端构建工具

时间:2023-01-04 19:40:46

1. 全局安装 gulp:(倘若之前电脑安装过,则跳过此步骤)

$ cnpm install -g gulp

2. 作为项目的开发依赖(devDependencies)安装:

(此步骤会自动在目录下创建package.json文件,因此无需cnpm init;)

$ cnpm install --save-dev gulp

3. 在项目根目录下创建一个名为 gulpfile.js 的文件:

var gulp = require('gulp');

gulp.task(
'default', function() {
// 将你的默认的任务代码放在这
});

4. 运行 gulp:

$ gulp

默认的名为 default 的任务(task)将会被运行,在这里,这个任务并未做任何事情。

想要单独执行特定的任务(task),请输入 gulp <task> <othertask>

 

下篇随笔将会对gulp的使用做具体介绍!