Gulp 入门教程 🚀

Gulp 是一个基于 Node.js 的自动化构建工具，专为前端开发设计。通过 Gulp 可以高效地完成代码压缩、文件监控、任务自动化等操作。以下是快速上手指南：

安装与配置 🛠️

1. 安装 Node.js
   确保已安装 Node.js（含 npm）。
2. 初始化项目
   在项目目录运行：

   npm init -y
   

3. 安装 Gulp
   执行：

   npm install --save-dev gulp
   

基础用法 📁

• 创建 gulpfile.js
  在项目根目录添加此文件，示例代码：

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

• 运行任务
  输入命令：

  gulp
  

任务示例 📈

• 文件压缩

  gulp uglify
  

• 自动刷新

  gulp watch
  

• 构建流程

  gulp build
  

最佳实践 💡

• 使用 gulp.series 和 gulp.parallel 组合任务
• 配置 .eslintrc 实现代码规范检查
• 通过 gulp.src 指定文件路径时，使用 glob 模式

扩展阅读 📚

Getting Started - Introduction 了解基础概念
Getting Started - Advanced Tutorial 深入高级功能