gulp-ignore 使用教程

gulp-ignore 使用教程

gulp-ignoreplugin for gulp to ignore files in the stream based on file characteristics项目地址:https://gitcode.com/gh_mirrors/gu/gulp-ignore

项目介绍

gulp-ignore 是一个用于 Gulp 的插件，允许你在构建过程中有选择地包含或排除文件。这对于需要排除某些特定文件或文件夹的场景非常有用，例如排除已压缩的文件或特定环境下的文件。

项目快速启动

安装

首先，你需要安装 gulp 和 gulp-ignore：

npm install gulp gulp-ignore --save-dev

基本使用

以下是一个简单的示例，展示如何使用 gulp-ignore 排除特定的文件：

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

gulp.task('exclude-files', function() {
  return gulp.src('src/**/*.js')
    .pipe(ignore.exclude('**/*-exclude.js'))
    .pipe(gulp.dest('dist'));
});

在这个示例中，所有 src 目录下的 .js 文件都会被复制到 dist 目录，除了那些匹配 **/*-exclude.js 模式的文件。

应用案例和最佳实践

排除特定文件夹

假设你有一个项目结构如下：

src/
  js/
    main.js
    utils/
      helper.js
      exclude/
        excluded.js

你可以使用 gulp-ignore 排除 exclude 文件夹：

gulp.task('exclude-folder', function() {
  return gulp.src('src/**/*.js')
    .pipe(ignore.exclude('src/js/utils/exclude/**'))
    .pipe(gulp.dest('dist'));
});

包含特定文件

有时你可能需要只包含某些特定文件，可以使用 include 方法：

gulp.task('include-files', function() {
  return gulp.src('src/**/*.js')
    .pipe(ignore.include('src/js/main.js'))
    .pipe(gulp.dest('dist'));
});

在这个示例中，只有 src/js/main.js 文件会被复制到 dist 目录。

典型生态项目

gulp-ignore 通常与其他 Gulp 插件一起使用，以实现更复杂的构建流程。以下是一些常见的组合：

• gulp-uglify：用于压缩 JavaScript 文件。
• gulp-concat：用于合并多个文件。
• gulp-rename：用于重命名文件。

例如，结合 gulp-uglify 和 gulp-ignore：

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

gulp.task('build', function() {
  return gulp.src('src/**/*.js')
    .pipe(ignore.exclude('**/*-exclude.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dist'));
});

在这个示例中，所有非排除的 JavaScript 文件都会被压缩并复制到 dist 目录。

通过这些示例和最佳实践，你可以更好地理解和使用 gulp-ignore 插件，以优化你的 Gulp 构建流程。

gulp-ignoreplugin for gulp to ignore files in the stream based on file characteristics项目地址:https://gitcode.com/gh_mirrors/gu/gulp-ignore