如何用毛模板将图像重命名？

Question

我的图像具有不同的标题：

1. ！test.png
2. 1101.png
3. 12345.jpg
4. image3.jpg
5. image4.jpg
6. image5.jpg
7. image5.jpg image6.jpg
8. image7.jpg
9. test_test.png test.png
10. test.jpg test.jpg
11. test2.png

我需要带有下一个标题的图像：

1. 101。 png
2. 102.png
3. 103.jpg
4. 104.png
5. 105.png
6. 106.jpg
7. 107.jpg
8. 108.jpg
9. 109.jpg 109.jpg
10. 110.jpg
11. 111.png

示例：101.png =“ strong> 01.png “或“ 01.jpg ”，其中：

• “ 1 ”是可变的，当我输入Gulp命令时，我会在控制台中输入（ Gulp 1）
• “ 01..11.png ”（或“ 01..11.jpg ”）只是图像的名称按顺序

我有此代码，gulpfile.js：

import gulp from 'gulp';
import rename from 'gulp-rename';
import del from 'del';

const deleteImages = () => {
  return del(['build',], {force:true});
}

const renameImages = () => {
    return gulp.src('src/images/*.{jpg,jpeg,png,gif,wepb}')
    .pipe(rename({
      // code
    }))
    .pipe(gulp.dest('build'))
}

gulp.task('default', gulp.series(deleteImages, renameImages));

package.json：

{
  "name": "gulp-rename-images",
  "description": "Task for gulp",
  "version": "0.0.1",
  "license": "MIT",
  "main": "gulpfile.js",
  "type": "module",
  "devDependencies": {
    "gulp": "^4.0.2",
    "gulp-rename": "^2.0.0",
    "del": "^6.1.0"
  }
}

我的结构：

https://i.sstatic.net/ulck6.png“ alt =“我的结构”>

Answer 1

我得到了此代码，Gulpfile.js：

import gulp from 'gulp';
import rename from 'gulp-rename';
import del from 'del';
import yargs from 'yargs';
import { hideBin } from 'yargs/helpers'

const argv = yargs(hideBin(process.argv)).argv

const deleteImages = () => {
  return del(['build',], {force:true});
}

const renameImages = () => {
  var arg = argv.arg
  var index = 1
  return gulp.src('src/images/*.{jpg,jpeg,png,gif,wepb}')
  .pipe(rename(function (path) {
    if (index <= 9) {
      path.basename = arg + '0' + (index++)
    } else {
      path.basename = arg + '' + (index++)
    }
    return path;
 }))
  .pipe(gulp.dest('build'))
}

gulp.task('default', gulp.series(deleteImages, renameImages));

packgage.json：

{
  "name": "gulp-rename-images",
  "description": "Task for gulp",
  "version": "0.0.1",
  "license": "MIT",
  "main": "gulpfile.js",
  "type": "module",
  "devDependencies": {
    "del": "^6.1.0",
    "gulp": "^4.0.2",
    "gulp-rename": "^2.0.0",
    "yargs": "^17.5.1"
  }
}

在我编写的控制台中：

gulp --arg 1

有一个更漂亮的解决方案吗？