Gulp - 安装

Gulp 是一个流式构建系统，用于自动化构建前端项目。 它可以帮助我们自动化处理任务，如代码压缩、图片压缩、CSS 预处理器编译等，以便更快地构建网站或应用程序。

前置条件

在开始使用 Gulp 之前，需要先安装 Node.js 和 npm。 可以在官方网站上下载并安装 node.js：https://nodejs.org/。

安装 Gulp

安装步骤：

1. 全局安装 Gulp：

npm install -g gulp

2. 在项目中安装 Gulp：

npm install gulp --save-dev

这将全局安装 Gulp 和本地安装 Gulp。 -g 表示全局安装，而 --save-dev 表示在项目的 package.json 文件中安装 Gulp 作为开发依赖项。

创建 Gulp 任务

Gulp 可以让我们基于任务来组织工作流。 下面是一个简单的例子，说明如何使用 Gulp 压缩 JS 文件：

const gulp = require('gulp');
const uglify = require('gulp-uglify');

// 定义一个任务
gulp.task('compress', function() {
    // 选择所有 JavaScript 文件
    return gulp.src('js/*.js')
        // 压缩 JS 文件
        .pipe(uglify())
        // 将压缩后的文件保存到 dist 目录下
        .pipe(gulp.dest('dist/js'));
});

// 默认任务
gulp.task('default', gulp.series('compress'));

总结

现在，我们已经完成了 Gulp 的安装和创建任务的过程。 希望这篇文章能够帮助您入门 Gulp。 在使用 Gulp 时，请记得阅读官方文档以获得更多帮助：https://gulpjs.com/docs/en/getting-started/quick-start。