GULP-GZIP - Shell-Bash

介绍

gulp-gzip 是一个 Gulp 插件，用于压缩文件，并生成 .gz 格式的压缩文件。它使用了 zlib 库来实现压缩。该插件可用于压缩 HTML、CSS、JavaScript、JSON、SVG、XML 等文件类型。压缩文件能够减小文件大小，提高页面加载速度。

安装

使用 NPM 进行安装：

npm install gulp-gzip --save-dev

用法

压缩文件

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

gulp.task('compress', function() {
  return gulp.src('src/*')
    .pipe(gzip())
    .pipe(gulp.dest('dist'));
});

该任务将会压缩 src 文件夹下的所有文件，并将压缩后的文件存储在 dist 文件夹下。

压缩选项

你可以通过传递选项来自定义压缩。以下是一些常见的选项：

Level

该选项设置压缩级别，范围为 1-9，9 表示最高压缩率，但提高了压缩时间。默认值为 9。

gulp.task('compress', function() {
  return gulp.src('src/*')
    .pipe(gzip({ level: 6 }))
    .pipe(gulp.dest('dist'));
});

Append

该选项设置是否保存压缩前的文件。默认值为 true。

gulp.task('compress', function() {
  return gulp.src('src/*')
    .pipe(gzip({ append: false }))
    .pipe(gulp.dest('dist'));
});

Extension

该选项设置压缩后文件的扩展名。默认值为 .gz。

gulp.task('compress', function() {
  return gulp.src('src/*')
    .pipe(gzip({ extension: '.gzip' }))
    .pipe(gulp.dest('dist'));
});

解压文件

可以使用 Node.js 模块 zlib 来解压文件：

const zlib = require('zlib');
const fs = require('fs');

const uncompress = zlib.createGunzip();

const inputStream = fs.createReadStream('file.txt.gz');
const outputStream = fs.createWriteStream('file.txt');

inputStream.pipe(uncompress).pipe(outputStream);

结论

gulp-gzip 是一个方便的 Gulp 插件，可用于压缩不同类型的文件，并生成相应的 .gz 文件。它提供了多种选项，可用于定制压缩，使其适合不同的应用场景。使用此插件，可以有效地减小文件大小，提高页面加载速度。