TGS-46: 2022 Improvements/Cleanup

[jds-tag]

#46

[naeluh]

One thought here I was thinking maybe we should change out babel for swc instead

Comparison -> https://swc.rs/blog/perf-swc-vs-babel

Also we can still use babel-eslint but that could be changed soon see here -> swc-project/swc#246

Here is how to do it -> https://github.com/konclave/gulp-swc

Once installed we could add

// Add swc
const swc = require('gulp-swc');

// Add options to configure swc: https://swc.rs/docs/configuring-swc
const swcOptions = {
  jsc: {
    target: 'es5',
  },
  sourceMaps: true,
};

// Add .pipe(swc(swcOptions)) instead of .pipe(babel({ presets: ['@babel/env'], }))
gulp.task('scripts', () => {
  return gulp
    .src(paths.scripts.src)
    .pipe(
      plumber({
        errorHandler: function(err) {
          notify.onError({
            title: 'Gulp error in ' + err.plugin,
            message: err.toString(),
          })(err);
          beeper();
        },
      })
    )
    .pipe(swc(swcOptions))
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(concat('app.js'))
    .pipe(terser())
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest(paths.scripts.dist))
    .pipe(reload({ stream: true }));
});

I already have this working locally so I can confirm its a drop in replacement for babel and super fast.

[jds-tag]

This seems to work great! I'm not sure if we still need the babel stuff for https://github.com/thirdandgrove/tag-gulp-starter/pull/47/files#diff-25789e3ba4c2adf4a68996260eb693a441b4a834c38b76167a120f0b51b969f7R110. Should we try to replace this too?

[naeluh]

Looks great !!