Gulp：在文件名中添加后缀时出现dest.on错误有关如何解决的任何想法？

问题描述

我想用Gulp缩小一些.css文件，将主题重命名为.min.css，然后将它们移动到另一个目录。

为此，我设置了以下内容（根据我在网上找到的许多教程）：

const cleanCSS = require('gulp-clean-css');
const rename = require('rename');

gulp.task('mincss',() => {
  return gulp.src('css/*.css')
    .pipe(cleanCSS({compatibility: 'ie8'}))
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest('css/minified'));
});

但是，这会产生错误：

TypeError：dest.on不是函数

我已经对此进行了Google搜索，但不理解。

如果删除重命名管道，效果很好。

有人知道如何解决这个问题吗？

（我的Gulp版本是4.0.2）

解决方法

这可能是由于您需要实际的rename依赖关系。我相信它是gulp-rename，因此您的要求应该是const rename = require('gulp-rename');。如果需要，请不要忘记做npm install --save-dev gulp-rename！