Gulp 中文指南

Gulp 是一个强大的 JavaScript 指令工具，它可以帮助开发者自动化前端工作流程，如代码压缩、图片优化、文件合并等。以下是关于 Gulp 的基础指南。

安装 Gulp

首先，您需要全局安装 Gulp：

npm install --global gulp-cli

然后，在您的项目目录下创建一个 package.json 文件，并安装 Gulp：

npm install --save-dev gulp

配置 Gulp

创建一个 gulpfile.js 文件，它是 Gulp 的配置文件。以下是 gulpfile.js 的一个基本示例：

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

gulp.task('default', () => {
  return gulp.src('src/**/*.js')
    .pipe(concat('bundle.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dist'));
});

在这个示例中，我们使用 concat 插件将所有 JavaScript 文件合并到一个文件中，并使用 uglify 插件压缩代码。

运行 Gulp

在命令行中运行以下命令来执行默认任务：

gulp

这会自动执行 gulpfile.js 中的 default 任务，并将压缩后的代码输出到 dist 目录。

扩展阅读

想了解更多关于 Gulp 的信息？请访问我们的 Gulp 官方文档。

[center]https://cloud-image.ullrai.com/q/Gulp/[/center]

[center][https://cloud-image.ullrai.com/q/gulp_documentation/](Gulp Documentation)[/center]