Как реализовать обработку скриптов в Gulp по js файлам, не в единый файл а помодульно

Есть конфиг gulp для работы с JS файлами.

const gulp = require('gulp')
const plumber = require('gulp-plumber')
const webpack = require('webpack-stream')
const CircularDependencyPlugin = require('circular-dependency-plugin')
const DuplicatePackageCheckerPlugin = require("duplicate-package-checker-webpack-plugin")
const eslint = require('gulp-eslint')

module.exports = function script() {
  return gulp.src(['src/js/main.js'])
    .pipe(plumber())
    .pipe(eslint())
    .pipe(eslint.format())
    .pipe(webpack({
      mode: process.env.NODE_ENV,
      output: {
        filename: '[name].min.js',
      },
      module: {
        rules: [
          {
            test: /\.m?js$/,
            exclude: /(node_modules|bower_components)/,
            use: {
              loader: 'babel-loader',
              options: {
                presets: ['@babel/preset-env']
              }
            }
          }
        ]
      },
      plugins: [
        new CircularDependencyPlugin(),
        new DuplicatePackageCheckerPlugin()
      ]
    }))
    .pipe(gulp.dest('build/js'))
}

На выходе получается только один файл main.min.js. У меня проект из 27 страниц и на каждой должен быть свой JS. Как мне реализовать обработку каждого файла js из папки JS что бы на выходе в билде были например: "index.min.js, about.min.js" и т.д.

Из того что пробовал в return gulp.src(['src/js/main.js']) заменить "main.js" на "*.js" - не рабочий вариант. Так же пробовал сделать доп module.exports = function script() { для разных файлов js. Тоже не работает все льется в один файл main...