gulp 安装及入门

1、全局安装gulp

全局安装是为了通过gulp执行任务

npm install gulp -g

2、初始化项目。创建package.json文件

npm init

package.json内容如下:

{
    "name": "demo",   //项目名称
    "version": "1.0.0",   //项目版本号
    "description": "demo demo",   // 项目描述
    "homepage": "",   // 项目主页
    "repository": {    // 项目资源库
        "type": "git",
        "url": "https://github.com/lc448986375"
    },
    "author": {    // 项目作者信息
        "name": "liuchang",
        "email": "i@liuchang.org"
    },
    "license": "ISC",    // 项目许可协议
    "devDependencies": {    // 项目依赖的插件
        "gulp": "^3.8.11",
        "gulp-less": "^3.0.0"
    }
}

3、项目安装gulp,在package.json中添加依赖

npm install --save-dev gulp

4、创建gulpfile.js

var gulp = require('gulp');

gulp.task('default', function() {
  console.log('default task');
});

gulp.task('othertask', function() {
  console.log('other task');
});

6、使用gulp命令执行任务

gulp

gulp默认执行default任务。如果想执行其他任务,可以添加任务名称。

gulp default othertask

 

发表评论