Gulp 基础 - 图1

Gulp 与npm scripts

·Gulp与npm scripts都能够实现自动化构建

·Gulp 语法简单

·Gulp 语法就是JavaScript 语法

·npm scripts 语法接近shell脚本

·Gulp生态完善，构建效率高

Gulp基本使用

步骤

·全局安装gulp客户端（npm install-g gulp-cli）

·初始化项目（npm init —yes）

·安装gulp包（npm install gulp -D）

·新建gulpfile文件（gulpfile.js）

·在gulpfile.js中，创建gulp任务

·执行gulp任务（gulp ）

const gulp = require(‘gulp’)

异步方式需要写回调cb

// 创建 gulp 任务 const task1 = (cb) => { console.log(‘Task 1 is running’) cb() } const task2 = (cb) => { console.log(‘Task 2 is running’) cb() } // 旧版声明任务的语法 gulp.task(‘task3’, (cb) => { console.log(‘Task 3 is running’) cb() }) // 导出任务 module.exports = { task1, default: task2 // 默认任务 }