自动化工具gulp

gulp.js 是一个使用 JavaScript 和 Node.js 流来自动执行项目任务的工具包。

Gulp 和 Webpack 的区别

Gulp的核心理念是 task runner：

• 可以定义自己的一系列任务，等待任务被执行。

• 基于文件Stream的构建流。

• 我们可以使用gulp的插件体系来完成某些任务。

webpack的核心理念是 module bundler：

• webpack是一个模块化的打包工具。

• 可以使用各种各样的loader来加载不同的模块。

• 可以使用各种各样的插件在webpack打包的生命周期完成其他的任务。

gulp相对于webpack的优缺点：

• gulp相对于webpack思想更加的简单、易用，更适合编写一些自动化的任务。

• 但是目前对于大型项目（Vue、React、Angular）并不会使用gulp来构建，比如默认gulp是不支持模块化的。

Gulp的基本使用

1. 安装gulp

   npm i gulp

2. 创建gulpfile.js文件，编写一个测试任务：

   function defaultTask(cb) {
     console.log('hello gulp');
     cb();
   }
   
   exports.default = defaultTask;

3. 运行gulp任务

   npx gulp