什么是Gulp

本文作者: jsweibo

本文主要讲述了：

Gulp 是一个任务运行器。

#!/usr/bin/env bash

mkdir learn_gulp && cd learn_gulp
npm init -y
npm install --save-dev gulp

有 2 种语法可以配置任务。

learn_gulp/gulpfile.js

function hello(cb) {
  console.log('Hello, world!');
  cb();
}

exports.hello = hello;

如果要使用 ES6 语法配置任务，还需要额外安装依赖。

1
2
3

#!/usr/bin/env bash

npm install --save-dev @babel/register @babel/core @babel/preset-env

learn_gulp/babel.config.js

1
2
3

module.exports = {
  presets: ['@babel/preset-env'],
};

learn_gulp/gulpfile.babel.js

const hello = (cb) => {
  console.log('Hello, world!');
  cb();
};

export { hello };

1
2
3

#!/usr/bin/env bash

npx gulp hello