如何在Gulp任务中运行“`node”函数？

Question

我正在用.css缩小gulp-cssnano，我想把css文件从main.css重命名为main.min.css。

我创造了这样的影响：

gulp.task('cssnano', async function() {
  return gulp.src('./dist/css/**/*.css')
    .pipe(cssnano())
    .pipe(gulp.dest('./dist/css/'));

    fs.rename('./dist/css/main.css', '/dist/css/main.min.css', function (err) {
      if (err) throw err;
      console.log('File Renamed.');
    });
});

但是这是行不通的-- fs函数根本不启动。

我还把它分解成它自己的功能：

gulp.task('cssnano', async function() {
  return gulp.src('./dist/css/**/*.css')
    .pipe(cssnano())
    .pipe(gulp.dest('./dist/css/'))
    .pipe(renameToMin());
});

function renameToMin() {
  fs.rename('./dist/css/main.css', '/dist/css/main.min.css', function (err) {
    if (err) throw err;
    console.log('File Renamed.');
  });
}

但是再次得到一个没有结果的错误：

TypeError:无法读取未定义的属性(读取“on”)

有人知道我是怎么做到的吗？

Answer 1

series()将允许您链接任务。

const { rename } = require('node:fs/promises')
const { series } = require('gulp')

function cssnanoBuild() {
  return gulp.src('./dist/css/**/*.css')
    .pipe(cssnano())
    .pipe(gulp.dest('./dist/css/'))
});

async function cssnanoRenameToMin() {
  await rename('./dist/css/main.css', '/dist/css/main.min.css')
  console.log('File Renamed.');
}

exports.cssnano = series(cssnanoBuild, cssnanoRenameToMin)