如何在Gulp任务中执行node fs函数？CSS压缩重命名失败求助

正确方案：使用gulp-rename插件 #

Gulp生态有专门处理文件重命名的插件gulp-rename，这是最稳妥的实现方式，无需手动编写文件操作逻辑。

1. 先安装依赖：

npm install gulp-rename gulp-cssnano --save-dev

2. 编写Gulp任务：

const gulp = require('gulp');
const cssnano = require('gulp-cssnano');
const rename = require('gulp-rename');

function minifyCss() {
  return gulp.src('path/to/main.css') // 替换为你的源文件路径
    .pipe(cssnano()) // 执行CSS压缩
    .pipe(rename({ suffix: '.min' })) // 自动添加.min后缀
    .pipe(gulp.dest('path/to/dest')); // 替换为你的输出目录
}

exports.minifyCss = minifyCss;

分析你遇到的问题 #

• 第一种fs函数未触发：Gulp任务基于流（Stream）机制运行，直接调用fs模块方法没有接入Gulp的流处理流程，自然不会被任务调度执行。Gulp仅处理通过.pipe()传递的Vinyl文件对象，脱离流的操作无法被触发。

• 第二种报错"TypeError: Cannot read properties of undefined (reading 'on')"：你拆分的重命名函数没有返回有效的流对象，导致后续流操作（如.pipe(gulp.dest())）无法读取到流的on方法。Gulp的.pipe()要求接收一个返回流的转换函数，自定义函数若未正确处理Vinyl对象并返回流，就会抛出这类错误。

无插件手动实现（不推荐） #

如果一定要手动处理重命名，需借助through2创建符合Gulp要求的转换流，示例如下：

const through2 = require('through2');

function renameMin() {
  return through2.obj(function(file, enc, cb) {
    if (!file.isBuffer()) return cb(null, file);
    // 修改文件名
    file.basename += '.min';
    file.extname = '.css';
    cb(null, file);
  });
}

// 任务中使用
function minifyCss() {
  return gulp.src('path/to/main.css')
    .pipe(cssnano())
    .pipe(renameMin())
    .pipe(gulp.dest('path/to/dest'));
}

但这种方式完全没必要，gulp-rename已经封装了更完善的命名逻辑，能处理各种路径、命名规则场景。

内容的提问来源于stack exchange，提问作者MeltingDog