gulp-swc

Use swc javascript/typescript compiler with Gulp

Usage no npm install needed!

<script type="module">
  import gulpSwc from 'https://cdn.skypack.dev/gulp-swc';
</script>

README

gulp-swc

Gulp plugin that allows to use swc javascript / typescript compiler in a gulp pipeline.

Install plugin and peer dependencies

npm install gulp-swc @swc/core gulp --save-dev

or

yarn add gulp-swc @swc/core gulp --dev

Usage

In your gulpfile.js:

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

// Any options to configure swc: https://swc.rs/docs/configuring-swc
const swcOptions = {
  jsc: {
    target: "es5",
  }
};

gulp.task('build', () =>
    gulp.src('./app.js')
        .pipe(swc(swcOptions))
        .pipe(gulp.dest('dist'))
);

Include sourcemaps

const gulp = require('gulp');
const swc = require('gulp-swc');
const sourcemaps = require('gulp-sourcemaps');
const babel = require('gulp-babel');
const concat = require('gulp-concat');

const swcOptions = {
  jsc: {
    target: "es5",
  },
  sourceMaps: true
};

gulp.task('build', () =>
    gulp.src('./app/**/*.js')
    .pipe(sourcemaps.init())
        .pipe(swc(swcOptions))
    .pipe(concat('app.js'))
    .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('dist'))
);