gulp-babelでasync await記述を試すとエラーが起きる

Question

windows環境にてgulp-babelを使用し、async-await記述によるAPI取得を試みていたのですが
chromeのコンソール上で下記エラーが発生し、変換できません。何か必要な設定が抜けているのでしょうか？

regeneratorRuntime is not defined

git-hubにて公開していますので宜しければお試しください。

github
https://github.com/oveRun777/sample

試したこと

圧縮前のコードを圧縮後のファイルにコピペし、読み込ませるとエラーは起きず、APIを取得できる
↑こちら試してみたので圧縮に問題があるのではないかと推測しました。

以下設定ファイル

.babelrcファイル
こちら"plugin"は文字色が違うのでたぶん機能していません。

{
"presets": [
    [
    "@babel/preset-env", {
        "targets": {
        "node": "current"
        }
    }
    ]
],
"plugins": [
    [
        '@babel/plugin-transform-runtime'
    ]
]
}

gulpfile.babel.js

import browserSync from 'browser-sync';
import sass from 'gulp-sass';
import uglify from 'gulp-uglify';
import rename from 'gulp-rename';
import babel from 'gulp-babel';
import imagemin from 'gulp-imagemin';

//sassのタスク設定
gulp.task('sass', () => {
  return gulp
    .src('./working_dir/scss/*.scss')
    .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
    .pipe(rename({extname: '.min.css'}))
    .pipe(gulp.dest('./public_dir/css'));
});
gulp.task('file', () => {
  return gulp
    .src('./working_dir/**/*.html')
    .pipe(gulp.dest('./public_dir/'));
});
gulp.task('babel', () => {
  return gulp
    .src('./working_dir/js/*.js')
    .pipe(babel({
      "presets": ["@babel/preset-env"]
    }))
    .pipe(uglify())
    .pipe(rename({extname: '.min.js'}))
    .pipe(gulp.dest('./public_dir/js'));
});

gulp.task('imagemin', function() {
  gulp.src('./working_dir/images/*')
    .pipe(imagemin())
    .pipe(gulp.dest('./public_dir/images/'));
});

//browser-syncのタスク設定
gulp.task('serve', done => {
  browserSync.init({
    server: {
      baseDir: './public_dir',
      index: 'index.html'
    }
  });
  done();
});

//ファイルの監視タスク設定
gulp.task('watch', () => {
  const browserReload = done => {
    browserSync.reload();
    done();
  };
  gulp.watch('./public_dir/**/*', browserReload);
  gulp.watch('./working_dir/**/*', gulp.series('file'));
  gulp.watch('./working_dir/scss/*.scss', gulp.series('sass'));
  gulp.watch('./working_dir/images/*', gulp.series('imagemin'));
  // gulp.watch('./working_dir/js/*.js', gulp.series('lint'));
  gulp.watch('./working_dir/js/*.js', gulp.series('babel'));
});

gulp.task('default', gulp.series('serve', 'watch'));

圧縮、変換前ファイル：themdsse.js

const USERS_API = "https://jsonplaceholder.typicode.com/users";
async function callApi() {
  const res = await window.fetch(USERS_API);
  const users = await res.json();
  console.log(users);
}

callApi();

Answer 1

GulpでBabelを使ったJavascriptをトランスパイルする環境を構築する

Gulpのバージョンが4系の場合には、gulp.task()が非推奨となっており、関数でタスクを記述する形になりますので、実際には下記のような形になります。

Comments

[Overrun]

動かせました。ありがとうございます