gulpfile.js

const { src, dest, parallel } = require('gulp');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const babel = require('gulp-babel');

function dev() {
  return src(['./src/react-apexcharts.jsx'])
    .pipe(babel({
      presets: ['@babel/preset-env', '@babel/preset-react'],
    }))
    .pipe(concat('react-apexcharts.js'))
    .pipe(dest('./dist/')).on('end', () => console.log('Generated: react-apexcharts.js'));
}

function prod() {
  return src(['./src/react-apexcharts.jsx'])
    .pipe(babel({
      presets: ['@babel/preset-env', '@babel/preset-react'],
      plugins: ['@babel/plugin-proposal-object-rest-spread']
    }))
    .pipe(concat('react-apexcharts.min.js'))
    .pipe(uglify())
    .pipe(dest('./dist/'));
}

function types() {
  return src(['./types/react-apexcharts.d.ts'])
    .pipe(dest('./dist/'));
}

const prodBuild = parallel(prod, types);
const devBuild = parallel(dev, types);

exports.build = prodBuild;
exports.devBuild = devBuild;
exports.default = prodBuild;